From 97e046109dd5cd348b19e64fe5c9da6f5ec9322c Mon Sep 17 00:00:00 2001
From: Mohammad Jalali <muhammad.art79@gmail.com>
Date: Tue, 31 Oct 2023 17:19:20 +0330
Subject: [PATCH] LFFE-2 update datatable component

---
 src/core/components/DataTable.jsx | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/core/components/DataTable.jsx b/src/core/components/DataTable.jsx
index 0e866f1..a8a1cbf 100644
--- a/src/core/components/DataTable.jsx
+++ b/src/core/components/DataTable.jsx
@@ -65,7 +65,7 @@ function DataTable(props) {
         });
 
     useEffect(() => {
-        setupdateTime(moment().format("HH:mm | jYYYY/jM/jD"));
+        setUpdateTime(moment().format("HH:mm | jYYYY/jMM/jDD"));
     }, [isValidating, languageApp]);
 
     return (<MaterialReactTable
@@ -83,21 +83,25 @@ function DataTable(props) {
         enableColumnResizing={props.enableColumnResizing}
         muiTableHeadCellProps={{
             sx: {
-                color: "primary.main", borderLeft: "1px solid #e1e1e1", "&:first-of-type": {
+                color: "primary.main",
+                borderLeft: "1px solid #e1e1e1",
+                "&:first-of-type": {
                     borderLeft: "unset"
-                }, "& .Mui-TableHeadCell-Content": {justifyContent: "space-between"},
+                },
+                "& .Mui-TableHeadCell-Content": {justifyContent: "space-between"},
             },
         }}
         muiTableBodyCellProps={{
             sx: {
-                borderLeft: "1px solid #e1e1e1", "&:first-of-type": {
+                borderLeft: "1px solid #e1e1e1",
+                "&:first-of-type": {
                     borderLeft: "unset"
                 }
             },
         }}
         enableColumnFilterModes
         muiTablePaperProps={{elevation: 0}}
-        rowCount={rowCount}
+        rowCount={data?.meta?.totalRowCount ?? 0}
         onColumnFilterFnsChange={setColumnFilterFns}
         onColumnFiltersChange={setColumnFilters}
         onPaginationChange={setPagination}
@@ -123,7 +127,11 @@ function DataTable(props) {
             </Typography>) : ("")}
         </>)}
         state={{
-            isLoading: isValidating, columnFilters, columnFilterFns, pagination, sorting,
+            showProgressBars: isValidating,
+            columnFilters,
+            columnFilterFns,
+            pagination,
+            sorting,
         }}
         positionActionsColumn={"last"}
         enableRowActions={props.enableRowActions}