Merge branch 'dev' of http://git.wdipl.com/Siddhesh.More/tanami-admin-panel into dev

src/Components/DataTable/DataTable.jsx

@@ -12,20 +12,19 @@ import {
   Tfoot,
 } from "@chakra-ui/react";
 import EmptySearchList from "../EmptySearchList";
+import Pagination from "../Pagination";
 
-const DataTable = ({ data, isLoading, tableHeadRow, emptyMessage }) => {
-  const columnWidth =
-    data && data[0]
-      ? `${(100 / Object.keys(data[0]).length).toFixed(2)}%`
-      : "auto";
+const DataTable = ({ data, isLoading, tableHeadRow, emptyMessage, totalPages }) => {
+  const columnWidth = data && data[0] ? `${(100 / Object.keys(data[0]).length).toFixed(2)}%` : "auto";
   return (
     <TableContainer overflowX={"hidden"} className="h-auto mb-3 w-100">
       {data?.length === 0 ? (
         <EmptySearchList message={emptyMessage} />
       ) : (
-        <Table size="sm">
-          <TableCaption>Tanami v1.0.0</TableCaption>
-          <Thead backgroundColor="rgba(0, 65, 24, 0.04)">
+        <Table   size="sm">
+        {/* <TableCaption><Pagination totalItems={totalPages} /></TableCaption> */}
+        <TableCaption>Tanami v1.0</TableCaption>
+          <Thead   backgroundColor="gray.50">
             <Tr>
               {tableHeadRow.map((heading, index) => (
                 <Th key={index} p={3} w={"auto"} color={"#004118"}>
@@ -37,7 +36,7 @@ const DataTable = ({ data, isLoading, tableHeadRow, emptyMessage }) => {
           </Thead>
           <Tbody className="web-text-small">
             {isLoading
-              ? Array.from({ length: 12 }).map((_, index) => (
+              ? Array?.from({ length: 10 }).map((_, index) => (
                   <Tr key={index}>
                     {tableHeadRow.map((_, i) => (
                       <Td