From f005d9584ee9f28fac1bc3d3444dca6b3c01d0a6 Mon Sep 17 00:00:00 2001
From: Rama Priyanto <priyantorama12@gmail.com>
Date: Wed, 11 Jun 2025 15:02:32 +0700
Subject: [PATCH] fix:table user levels

---
 .../master-user-level-table.tsx               | 122 +++++++++---------
 1 file changed, 64 insertions(+), 58 deletions(-)

diff --git a/components/table/master/master-user-level/master-user-level-table.tsx b/components/table/master/master-user-level/master-user-level-table.tsx
index 337fc3c..2b0b611 100644
--- a/components/table/master/master-user-level/master-user-level-table.tsx
+++ b/components/table/master/master-user-level/master-user-level-table.tsx
@@ -104,7 +104,7 @@ export default function MasterUserLevelTable() {
     };
     const res = await getAllUserLevels(request);
     const data = res?.data?.data;
-    setTotalPage(Math.ceil(res?.data?.meta?.totalPage));
+    setTotalPage(Math.ceil(res?.data?.meta?.totalPage) || 1);
     await initUserData(10, data);
     close();
   }
@@ -114,7 +114,7 @@ export default function MasterUserLevelTable() {
       page: 1,
       limit: -1,
       search: "",
-      timeStamp: getUnixTimestamp(),
+      // timeStamp: getUnixTimestamp(),
     };
     const res = await getAllUserLevels(request);
     const data = res?.data?.data;
@@ -140,6 +140,8 @@ export default function MasterUserLevelTable() {
         return value;
       });
       setMasterUserLevel(newData);
+    } else {
+      setMasterUserLevel([]);
     }
   }
 
@@ -156,6 +158,7 @@ export default function MasterUserLevelTable() {
   };
 
   async function doneTyping() {
+    setPage(1);
     fetchData();
   }
 
@@ -331,64 +334,67 @@ export default function MasterUserLevelTable() {
               </div>
             )}
           </div>
-
-          <Table
-            // selectionMode="multiple"
-            aria-label="micro issue table"
-            className="rounded-xl"
-            classNames={{
-              th: "bg-white dark:bg-black text-black dark:text-white border-b-1 text-md",
-              base: "bg-white dark:bg-black border",
-              wrapper:
-                "min-h-[50px] bg-transpararent text-black dark:text-white ",
-            }}
-          >
-            <TableHeader columns={doSetup ? columns2 : columns}>
-              {(column) => (
-                <TableColumn key={column.uid}>
-                  {column.uid === "setup" ? (
-                    <Checkbox
-                      isSelected={selectAllLevel}
-                      onValueChange={(e) => {
-                        doMapping(e);
-                      }}
-                    ></Checkbox>
-                  ) : (
-                    column.name
+          {masterUserLevelTable && (
+            <>
+              <Table
+                // selectionMode="multiple"
+                aria-label="micro issue table"
+                className="rounded-xl"
+                classNames={{
+                  th: "bg-white dark:bg-black text-black dark:text-white border-b-1 text-md",
+                  base: "bg-white dark:bg-black border",
+                  wrapper:
+                    "min-h-[50px] bg-transpararent text-black dark:text-white ",
+                }}
+              >
+                <TableHeader columns={doSetup ? columns2 : columns}>
+                  {(column) => (
+                    <TableColumn key={column.uid}>
+                      {column.uid === "setup" ? (
+                        <Checkbox
+                          isSelected={selectAllLevel}
+                          onValueChange={(e) => {
+                            doMapping(e);
+                          }}
+                        ></Checkbox>
+                      ) : (
+                        column.name
+                      )}
+                    </TableColumn>
                   )}
-                </TableColumn>
-              )}
-            </TableHeader>
-            <TableBody
-              items={masterUserLevelTable}
-              emptyContent={"No data to display."}
-            >
-              {(item) => (
-                <TableRow key={item.id}>
-                  {(columnKey) => (
-                    <TableCell>{renderCell(item, columnKey)}</TableCell>
+                </TableHeader>
+                <TableBody
+                  items={masterUserLevelTable}
+                  emptyContent={"No data to display."}
+                >
+                  {(item) => (
+                    <TableRow key={item.id}>
+                      {(columnKey) => (
+                        <TableCell>{renderCell(item, columnKey)}</TableCell>
+                      )}
+                    </TableRow>
                   )}
-                </TableRow>
-              )}
-            </TableBody>
-          </Table>
-          <div className="mt-2 justify-center flex w-full">
-            <Pagination
-              isCompact
-              showControls
-              showShadow
-              color="primary"
-              classNames={{
-                base: "bg-transparent",
-                wrapper: "bg-transparent",
-                item: "w-fit px-3",
-                cursor: "w-fit px-3",
-              }}
-              page={page}
-              total={totalPage}
-              onChange={(page) => setPage(page)}
-            />
-          </div>
+                </TableBody>
+              </Table>
+              <div className="mt-2 justify-center flex w-full">
+                <Pagination
+                  isCompact
+                  showControls
+                  showShadow
+                  color="primary"
+                  classNames={{
+                    base: "bg-transparent",
+                    wrapper: "bg-transparent",
+                    item: "w-fit px-3",
+                    cursor: "w-fit px-3",
+                  }}
+                  page={page}
+                  total={totalPage}
+                  onChange={(page) => setPage(page)}
+                />
+              </div>
+            </>
+          )}
         </div>
       </div>
     </>