Update CustomTable to display loading animation

src/components/common/table/CustomTable.js

 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>