From 96d416c486c4efd3698d41a38a02c6379fbb61b1 Mon Sep 17 00:00:00 2001
From: Dan Finlay <dan@danfinlay.com>
Date: Wed, 14 Jun 2017 15:30:03 -0700
Subject: [PATCH] Vertically center loading indication

---
 ui/app/components/token-list.js | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/ui/app/components/token-list.js b/ui/app/components/token-list.js
index 90e7e876e..c9e86dd22 100644
--- a/ui/app/components/token-list.js
+++ b/ui/app/components/token-list.js
@@ -4,7 +4,6 @@ const inherits = require('util').inherits
 const TokenTracker = require('eth-token-tracker')
 const TokenCell = require('./token-cell.js')
 const contracts = require('eth-contract-metadata')
-const Loading = require('./loading')
 
 const tokens = []
 for (const address in contracts) {
@@ -29,7 +28,16 @@ TokenList.prototype.render = function () {
 
   const { userAddress } = this.props
 
-  if (isLoading) return h(Loading, { isLoading })
+  if (isLoading) {
+    return h('div', {
+      style: {
+        display: 'flex',
+        height: '250px',
+        alignItems: 'center',
+        justifyContent: 'center',
+      },
+    }, 'Loading')
+  }
 
   const network = this.props.network