From 1852e41cd29652d6d0e0a9c5874a6e1f362c5667 Mon Sep 17 00:00:00 2001
From: John Sparger <john.sparger@ess.eu>
Date: Wed, 16 Feb 2022 16:44:57 +0100
Subject: [PATCH] Update CustomTable to display loading animation
---
src/components/common/table/CustomTable.js | 7 +++----
1 file changed, 3 insertions(+), 4 deletions(-)
diff --git a/src/components/common/table/CustomTable.js b/src/components/common/table/CustomTable.js
index d8eefc01..2dadc741 100644
--- a/src/components/common/table/CustomTable.js
+++ b/src/components/common/table/CustomTable.js
@@ -1,6 +1,6 @@
import React from 'react';
import PropTypes from 'prop-types';
-import { Paper } from '@material-ui/core';
+import { LinearProgress, Paper } from '@material-ui/core';
import { DataTable } from 'primereact/datatable';
import { Column } from 'primereact/column';
import 'primeicons/primeicons.css';
@@ -10,9 +10,7 @@ import 'primeflex/primeflex.css';
import './CustomTable.css';
export function CustomTable(props) {
- const {columns, rows, handleRowClick, totalCount, lazyParams, setLazyParams, columnSort, setColumnSort, rowsPerPage} = props;
-
-//const [loading, setLoading] = useState(false);
+ const {columns, rows, handleRowClick, totalCount, lazyParams, setLazyParams, columnSort, setColumnSort, rowsPerPage, loading=false} = props;
const dynamicColumns = columns.map((col,i) => {
return <Column key={col.id} field={col.id} header={col.label} style={{width: col.width}} body={col.body} sortable={col.sortable}/>;
@@ -84,6 +82,7 @@ export function CustomTable(props) {
onRowClick={(event) => handleClick(event)}
rowClassName={rowClassName}
totalRecords={totalCount}
+ emptyMessage={loading ? <LinearProgress /> : "No records found"}
>
{dynamicColumns}
</DataTable>
--
GitLab