From c453012a8e28b32b71c90717c3976ace5f89e9b0 Mon Sep 17 00:00:00 2001
From: Brandon Millman <brandon.millman@gmail.com>
Date: Fri, 20 Apr 2018 15:36:00 -0400
Subject: Add specific render path for error and loading

---
 .../website/ts/components/relayer_index/relayer_index.tsx    | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

(limited to 'packages/website/ts')

diff --git a/packages/website/ts/components/relayer_index/relayer_index.tsx b/packages/website/ts/components/relayer_index/relayer_index.tsx
index 3881b97bb..50760c32d 100644
--- a/packages/website/ts/components/relayer_index/relayer_index.tsx
+++ b/packages/website/ts/components/relayer_index/relayer_index.tsx
@@ -54,10 +54,9 @@ export class RelayerIndex extends React.Component<RelayerIndexProps, RelayerInde
         this._isUnmounted = true;
     }
     public render() {
-        // TODO: loading and error states with a scrolling container
         const readyToRender = _.isUndefined(this.state.error) && !_.isUndefined(this.state.relayerInfos);
-        return (
-            readyToRender && (
+        if (readyToRender) {
+            return (
                 <div style={styles.root}>
                     <GridList
                         cellHeight={CELL_HEIGHT}
@@ -74,8 +73,11 @@ export class RelayerIndex extends React.Component<RelayerIndexProps, RelayerInde
                         ))}
                     </GridList>
                 </div>
-            )
-        );
+            );
+        } else {
+            // TODO: loading and error states with a scrolling container
+            return null;
+        }
     }
     private async _fetchRelayerInfosAsync(): Promise<void> {
         try {
-- 
cgit v1.2.3