amount changes

src/Components/DataTable/NormalTable.jsx

@@ -20,11 +20,10 @@ const DataTable = ({
   tableHeadRow,
   emptyMessage,
   centered,
-  total
+  total,
 }) => {
-
   console.log(data);
-  
+
   const columnWidth =
     data && data[0]
       ? `${(100 / Object.keys(data[0]).length).toFixed(2)}%`
@@ -35,7 +34,9 @@ const DataTable = ({
         <EmptySearchList message={emptyMessage} />
       ) : (
         <Table size="sm">
-          <TableCaption p={total?0:null}>{total? total :"Tanami v1.0.0"}</TableCaption>
+          <TableCaption p={total ? 0 : null}>
+            {total ? total : "Tanami v1.0.0"}
+          </TableCaption>
           <Thead backgroundColor="gray.100">
             <Tr>
               {tableHeadRow.map((heading, index) => (
@@ -52,8 +53,7 @@ const DataTable = ({
                   whiteSpace="normal" // Allow text to wrap
                   wordBreak="normal" // Ensure long words break properly
                   overflowWrap="normal" // Break long words if necessary
-                  textTransform={'none'}
-                  
+                  textTransform={"none"}
                 >
                   {isLoading ? <Skeleton height="20px" /> : heading}
                   {/* {heading} */}
@@ -63,24 +63,26 @@ const DataTable = ({
           </Thead>
           <Tbody className="web-text-small">
             {isLoading
-              ? Array.from({ length: TABLE_PAGINATION?.size }).map((_, index) => (
-                  <Tr key={index}>
-                    {tableHeadRow.map((_, i) => (
-                      <Td
-                      width={'fit-content'}
-                        key={i}
-                        style={{
-                          whiteSpace: "nowrap",
-                          textOverflow: "ellipsis",
-                        }}
-                        className="web-text-small"
-                        w={columnWidth}
-                      >
-                        <Skeleton height="20px" mb={1} mt={1} />
-                      </Td>
-                    ))}
-                  </Tr>
-                ))
+              ? Array.from({ length: TABLE_PAGINATION?.size }).map(
+                  (_, index) => (
+                    <Tr key={index}>
+                      {tableHeadRow.map((_, i) => (
+                        <Td
+                          width={"fit-content"}
+                          key={i}
+                          style={{
+                            whiteSpace: "nowrap",
+                            textOverflow: "ellipsis",
+                          }}
+                          className="web-text-small"
+                          w={columnWidth}
+                        >
+                          <Skeleton height="20px" mb={1} mt={1} />
+                        </Td>
+                      ))}
+                    </Tr>
+                  )
+                )
               : data?.map((item, index) => (
                   <Tr bg={index % 2 === 0 ? "" : "gray.50"} key={index}>
                     {tableHeadRow.map((heading, i) => (