diff --git a/new-lamassu-admin/src/components/tables/DataTable.js b/new-lamassu-admin/src/components/tables/DataTable.js index d62f63a9..500217e8 100644 --- a/new-lamassu-admin/src/components/tables/DataTable.js +++ b/new-lamassu-admin/src/components/tables/DataTable.js @@ -20,6 +20,7 @@ import { import { H4 } from 'src/components/typography' import { ReactComponent as ExpandClosedIcon } from 'src/styling/icons/action/expand/closed.svg' import { ReactComponent as ExpandOpenIcon } from 'src/styling/icons/action/expand/open.svg' +import { ReactComponent as EmptyTableIcon } from 'src/styling/icons/table/empty-table.svg' import styles from './DataTable.styles' @@ -167,7 +168,12 @@ const DataTable = ({ {loading &&

Loading...

} - {!loading && R.isEmpty(data) &&

{emptyText}

} + {!loading && R.isEmpty(data) && ( +
+ +

{emptyText}

+
+ )} {({ height }) => ( { : data[R.keys(data)[0]] return ( - + ) } diff --git a/new-lamassu-admin/src/pages/Maintenance/MachineStatus.js b/new-lamassu-admin/src/pages/Maintenance/MachineStatus.js index 3e459e02..e51a7d8e 100644 --- a/new-lamassu-admin/src/pages/Maintenance/MachineStatus.js +++ b/new-lamassu-admin/src/pages/Maintenance/MachineStatus.js @@ -107,6 +107,7 @@ const MachineStatus = () => { data={machines} Details={InnerMachineDetailsRow} initialExpanded={expandedIndex} + emptyText="No machines so far" expandable /> diff --git a/new-lamassu-admin/src/styling/icons/table/empty-table.svg b/new-lamassu-admin/src/styling/icons/table/empty-table.svg new file mode 100644 index 00000000..76464a0c --- /dev/null +++ b/new-lamassu-admin/src/styling/icons/table/empty-table.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file