API Auth

src/app/admin/(dashboard)/user&role/layout.tsx

@@ -1,5 +1,6 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
+import colors from '@/con/colors';
 import { Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
 import { IconForms, IconUser } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
@@ -50,6 +51,7 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
         User & Role
       </Title>
       <Tabs
+        color={colors['blue-button']}
         variant="pills"
         value={activeTab}
         onChange={handleTabChange}

src/app/admin/(dashboard)/user&role/role/page.tsx

@@ -88,12 +88,13 @@ function ListRole({ search }: { search: string }) {
                   <TableTr key={item.id}>
                     <TableTd>{item.name}</TableTd>
                     <TableTd>
-                      <Button color='green' onClick={() => router.push(`/admin/user&role/role/${item.id}`)}>
+                      <Button variant="light" color='green' onClick={() => router.push(`/admin/user&role/role/${item.id}`)}>
                         <IconEdit size={20} />
                       </Button>
                     </TableTd>
                     <TableTd>
                       <Button
+                        variant="light"
                         color='red'
                         disabled={listDataState.delete.loading}
                         onClick={() => {

src/app/admin/(dashboard)/user&role/user/page.tsx

@@ -85,11 +85,11 @@ function ListUser({ search }: { search: string }) {
                 filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd style={{ width: '25%', }}>
-                      <Text fw={500} truncate="end" lineClamp={1}>{item.nama}</Text>
+                      <Text fw={500} truncate="end" lineClamp={1}>{item.username}</Text>
                     </TableTd>
                     <TableTd style={{ width: '20%', }}>
                       <Text truncate fz="sm" c="dimmed">
-                        {item.email}
+                        {item.nomor}
                       </Text>
                     </TableTd>
                     <TableTd style={{ width: '20%', }}>