Add specific render path for error and loading

2018-04-20 15:36:00 -04:00
parent 12d8c0b6af
commit c453012a8e
1 changed files with 7 additions and 5 deletions
--- 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 {