crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add specific render path for error and loading

Browse Source
This commit is contained in:
Brandon Millman
2018-04-20 15:36:00 -04:00
parent 12d8c0b6af
commit c453012a8e
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/website/ts/components/relayer_index/relayer_index.tsx
View File

@@ -54,10 +54,9 @@ export class RelayerIndex extends React.Component<RelayerIndexProps, RelayerInde
this._isUnmounted = true; this._isUnmounted = true;
} }
public render() { public render() {
// TODO: loading and error states with a scrolling container
const readyToRender = _.isUndefined(this.state.error) && !_.isUndefined(this.state.relayerInfos); const readyToRender = _.isUndefined(this.state.error) && !_.isUndefined(this.state.relayerInfos);
return ( if (readyToRender) {
readyToRender && ( return (
<div style={styles.root}> <div style={styles.root}>
<GridList <GridList
cellHeight={CELL_HEIGHT} cellHeight={CELL_HEIGHT}
@@ -74,8 +73,11 @@ export class RelayerIndex extends React.Component<RelayerIndexProps, RelayerInde
))} ))}
</GridList> </GridList>
</div> </div>
) );
); } else {
// TODO: loading and error states with a scrolling container
return null;
}
} }
private async _fetchRelayerInfosAsync(): Promise<void> { private async _fetchRelayerInfosAsync(): Promise<void> {
try { try {