From c3ac52cbe52e4f15412d927839362f4d242ef49c Mon Sep 17 00:00:00 2001
From: bipproduction <bip.production.js@gmail.com>
Date: Mon, 13 Oct 2025 17:31:01 +0800
Subject: [PATCH] tambahan

---
 .../scr/dashboard/apikey/apikey_page.tsx      | 44 +++++++++----------
 1 file changed, 22 insertions(+), 22 deletions(-)

diff --git a/src/pages/scr/dashboard/apikey/apikey_page.tsx b/src/pages/scr/dashboard/apikey/apikey_page.tsx
index 2375e66..e22c23a 100644
--- a/src/pages/scr/dashboard/apikey/apikey_page.tsx
+++ b/src/pages/scr/dashboard/apikey/apikey_page.tsx
@@ -288,19 +288,19 @@ function ListApiKey() {
                 fontSize: "0.9rem",
               }}
             >
-              <thead>
-                <tr>
-                  <th>Name</th>
-                  <th>Description</th>
-                  <th>Expires</th>
-                  <th>Created</th>
-                  <th>Updated</th>
-                  <th style={{ textAlign: "center" }}>Actions</th>
-                </tr>
-              </thead>
-              <tbody>
+              <Table.Thead>
+                <Table.Tr>
+                  <Table.Th>Name</Table.Th>
+                  <Table.Th>Description</Table.Th>
+                  <Table.Th>Expires</Table.Th>
+                  <Table.Th>Created</Table.Th>
+                  <Table.Th>Updated</Table.Th>
+                  <Table.Th style={{ textAlign: "center" }}>Actions</Table.Th>
+                </Table.Tr>
+              </Table.Thead>
+              <Table.Tbody>
                 {apiKeys.map((apiKey: any, index: number) => (
-                  <tr
+                  <Table.Tr
                     key={index}
                     style={{
                       backgroundColor: "rgba(255,255,255,0.03)",
@@ -315,9 +315,9 @@ function ListApiKey() {
                         "rgba(255,255,255,0.03)")
                     }
                   >
-                    <td>{apiKey.name}</td>
-                    <td>{apiKey.description || "-"}</td>
-                    <td>
+                    <Table.Td>{apiKey.name}</Table.Td>
+                    <Table.Td>{apiKey.description || "-"}</Table.Td>
+                    <Table.Td>
                       <Badge
                         color={
                           new Date(apiKey.expiredAt) < new Date()
@@ -328,10 +328,10 @@ function ListApiKey() {
                       >
                         {new Date(apiKey.expiredAt).toLocaleDateString()}
                       </Badge>
-                    </td>
-                    <td>{new Date(apiKey.createdAt).toLocaleDateString()}</td>
-                    <td>{new Date(apiKey.updatedAt).toLocaleDateString()}</td>
-                    <td>
+                    </Table.Td>
+                    <Table.Td>{new Date(apiKey.createdAt).toLocaleDateString()}</Table.Td>
+                    <Table.Td>{new Date(apiKey.updatedAt).toLocaleDateString()}</Table.Td>
+                    <Table.Td>
                       <Group gap="xs" justify="center">
                         <Tooltip label="Copy API Key">
                           <ActionIcon
@@ -354,10 +354,10 @@ function ListApiKey() {
                           </ActionIcon>
                         </Tooltip>
                       </Group>
-                    </td>
-                  </tr>
+                    </Table.Td>
+                  </Table.Tr>
                 ))}
-              </tbody>
+              </Table.Tbody>
             </Table>
           </ScrollArea>
         )}