From: Lucas Di Pentima <lucas@di-pentima.com.ar>
Date: Tue, 30 Jun 2020 20:19:01 +0000 (-0300)
Subject: 15610: Replaces the 'loading files...' string with a circular spinner.
X-Git-Tag: 2.1.0~22^2~4
X-Git-Url: https://git.arvados.org/arvados-workbench2.git/commitdiff_plain/9a63709896ad2b3beaed1d5e5b959351dc4d2701?ds=sidebyside;hp=44c5f86e438c3651904a1d5c9ccf6cd4089f5f86

15610: Replaces the 'loading files...' string with a circular spinner.

Arvados-DCO-1.1-Signed-off-by: Lucas Di Pentima <lucas@di-pentima.com.ar>
---

diff --git a/src/components/collection-panel-files/collection-panel-files.tsx b/src/components/collection-panel-files/collection-panel-files.tsx
index c8875f70..c7db48c4 100644
--- a/src/components/collection-panel-files/collection-panel-files.tsx
+++ b/src/components/collection-panel-files/collection-panel-files.tsx
@@ -6,7 +6,7 @@ import * as React from 'react';
 import { TreeItem, TreeItemStatus } from '~/components/tree/tree';
 import { FileTreeData } from '~/components/file-tree/file-tree-data';
 import { FileTree } from '~/components/file-tree/file-tree';
-import { IconButton, Grid, Typography, StyleRulesCallback, withStyles, WithStyles, CardHeader, Card, Button, Tooltip } from '@material-ui/core';
+import { IconButton, Grid, Typography, StyleRulesCallback, withStyles, WithStyles, CardHeader, Card, Button, Tooltip, CircularProgress } from '@material-ui/core';
 import { CustomizeTableIcon } from '~/components/icon/icon';
 import { DownloadIcon } from '~/components/icon/icon';
 
@@ -99,7 +99,7 @@ export const CollectionPanelFiles =
                         </Typography>
                     </Grid>
                     { isLoading
-                    ? <div className={classes.centeredLabel}>(loading files...)</div>
+                    ? <div className={classes.centeredLabel}><CircularProgress /></div>
                     : <div style={{height: 'calc(100% - 60px)'}}><FileTree onMenuOpen={(ev, item) => onItemMenuOpen(ev, item, isWritable)} {...treeProps} /></div> }
                 </>
                 }