projects
/
arvados-workbench2.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
18207: Added common icon and removed code duplication
[arvados-workbench2.git]
/
src
/
components
/
data-table
/
data-table.tsx
diff --git
a/src/components/data-table/data-table.tsx
b/src/components/data-table/data-table.tsx
index de694e08b5a6653e74dba8d7655f29114f8abe41..3646fc8fa2a1aef00e6903c28ee8088651e9bcf2 100644
(file)
--- a/
src/components/data-table/data-table.tsx
+++ b/
src/components/data-table/data-table.tsx
@@
-10,6
+10,7
@@
import { DataTableDefaultView } from '../data-table-default-view/data-table-defa
import { DataTableFilters } from '../data-table-filters/data-table-filters-tree';
import { DataTableFiltersPopover } from '../data-table-filters/data-table-filters-popover';
import { countNodes } from 'models/tree';
import { DataTableFilters } from '../data-table-filters/data-table-filters-tree';
import { DataTableFiltersPopover } from '../data-table-filters/data-table-filters-popover';
import { countNodes } from 'models/tree';
+import { ProjectIcon } from 'components/icon/icon';
import { SvgIconProps } from '@material-ui/core/SvgIcon';
import ArrowDownwardIcon from '@material-ui/icons/ArrowDownward';
import { SvgIconProps } from '@material-ui/core/SvgIcon';
import ArrowDownwardIcon from '@material-ui/icons/ArrowDownward';
@@
-49,10
+50,8
@@
const styles: StyleRulesCallback<CssRules> = (theme: Theme) => ({
background: theme.palette.background.paper
},
loader: {
background: theme.palette.background.paper
},
loader: {
- top: '50%',
left: '50%',
left: '50%',
- marginTop: '-15px',
- marginLeft: '-15px',
+ marginLeft: '-84px',
position: 'absolute'
},
noItemsInfo: {
position: 'absolute'
},
noItemsInfo: {
@@
-98,9
+97,12
@@
export const DataTable = withStyles(styles)(
</TableHead>
<TableBody className={classes.tableBody}>
{
</TableHead>
<TableBody className={classes.tableBody}>
{
- this.props.working ?
- null :
- items.map(this.renderBodyRow)
+ this.props.working ?
+ <div className={classes.loader}>
+ <DataTableDefaultView
+ icon={ProjectIcon}
+ messages={['Loading data, please wait.']} />
+ </div> : items.map(this.renderBodyRow)
}
</TableBody>
</Table>
}
</TableBody>
</Table>