Semua tooltips di admin sudah dihilangkan

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

@@ -1,7 +1,7 @@
 /* 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 { Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconForms, IconUser } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -16,14 +16,12 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
       value: "user",
       href: "/admin/user&role/user",
       icon: <IconUser size={18} stroke={1.8} />,
-      tooltip: "Lihat dan kelola user",
     },
     {
       label: "Role",
       value: "role",
       href: "/admin/user&role/role",
       icon: <IconForms size={18} stroke={1.8} />,
-      tooltip: "Kelola data role",
     },
   ];
 
@@ -67,19 +65,18 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
           }}
         >
           {tabs.map((tab, i) => (
-            <Tooltip key={i} label={tab.tooltip} position="bottom" withArrow transitionProps={{ transition: 'pop', duration: 200 }}>
-              <TabsTab
-                value={tab.value}
-                leftSection={tab.icon}
-                style={{
-                  fontWeight: 600,
-                  fontSize: "0.9rem",
-                  transition: "all 0.2s ease",
-                }}
-              >
-                {tab.label}
-              </TabsTab>
-            </Tooltip>
+            <TabsTab
+              key={i}
+              value={tab.value}
+              leftSection={tab.icon}
+              style={{
+                fontWeight: 600,
+                fontSize: "0.9rem",
+                transition: "all 0.2s ease",
+              }}
+            >
+              {tab.label}
+            </TabsTab>
           ))}
         </TabsList>
 

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

@@ -1,10 +1,10 @@
 'use client'
 
 import colors from '@/con/colors';
-import { Box, Button, Group, MultiSelect, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, MultiSelect, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
-import { useEffect, useState, useCallback } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';
 import user from '../../../_state/user/user-state';
@@ -72,11 +72,9 @@ function EditRole() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Edit Role
         </Title>

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

@@ -9,8 +9,7 @@ import {
   Paper,
   Stack,
   TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -29,7 +28,7 @@ export default function CreateRole() {
   const resetForm = () => {
     stateRole.create.form = {
       name: '',
-      permissions: [] ,
+      permissions: [],
     };
   };
 
@@ -43,11 +42,9 @@ export default function CreateRole() {
   return (
     <Box px={{ base: 'sm', md: 'lg' }} py="md">
       <Group mb="md">
-        <Tooltip label="Kembali ke halaman sebelumnya" withArrow>
-          <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
-            <IconArrowBack color={colors['blue-button']} size={24} />
-          </Button>
-        </Tooltip>
+        <Button variant="subtle" onClick={() => router.back()} p="xs" radius="md">
+          <IconArrowBack color={colors['blue-button']} size={24} />
+        </Button>
         <Title order={4} ml="sm" c="dark">
           Tambah Role
         </Title>
@@ -83,8 +80,8 @@ export default function CreateRole() {
                       .flat()
                   )
                 )
-                .filter((p): p is string => typeof p === 'string')
-                .map((p) => ({ label: p, value: p }))
+                  .filter((p): p is string => typeof p === 'string')
+                  .map((p) => ({ label: p, value: p }))
               }
               value={stateRole.create.form.permissions}
               onChange={(value) => (stateRole.create.form.permissions = value)}

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

@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Title } from '@mantine/core';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -68,48 +68,46 @@ function ListRole({ search }: { search: string }) {
       <Paper withBorder bg={colors['white-1']} p={'lg'} shadow="md" radius="md">
         <Group justify="space-between" mb="md">
           <Title order={4}>Daftar Role</Title>
-          <Tooltip label="Tambah Role" withArrow>
-            <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/user&role/role/create')}>
-              Tambah Baru
-            </Button>
-          </Tooltip>
+          <Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/user&role/role/create')}>
+            Tambah Baru
+          </Button>
         </Group>
-          <Box style={{ overflowX: 'auto' }}>
-            <Table striped withRowBorders style={{ minWidth: '700px' }}>
-              <TableThead>
-                <TableTr>
-                  <TableTh>Role</TableTh>
-                  <TableTh>Edit</TableTh>
-                  <TableTh>Hapus</TableTh>
+        <Box style={{ overflowX: 'auto' }}>
+          <Table striped withRowBorders style={{ minWidth: '700px' }}>
+            <TableThead>
+              <TableTr>
+                <TableTh>Role</TableTh>
+                <TableTh>Edit</TableTh>
+                <TableTh>Hapus</TableTh>
+              </TableTr>
+            </TableThead>
+            <TableTbody>
+              {filteredData.map((item) => (
+                <TableTr key={item.id}>
+                  <TableTd>{item.name}</TableTd>
+                  <TableTd>
+                    <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={() => {
+                        setSelectedId(item.id)
+                        setModalHapus(true)
+                      }}>
+                      <IconTrash size={20} />
+                    </Button>
+                  </TableTd>
                 </TableTr>
-              </TableThead>
-              <TableTbody>
-                {filteredData.map((item) => (
-                  <TableTr key={item.id}>
-                    <TableTd>{item.name}</TableTd>
-                    <TableTd>
-                      <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={() => {
-                          setSelectedId(item.id)
-                          setModalHapus(true)
-                        }}>
-                        <IconTrash size={20} />
-                      </Button>
-                    </TableTd>
-                  </TableTr>
-                ))}
-              </TableTbody>
-            </Table>
-          </Box>
-        </Paper>
+              ))}
+            </TableTbody>
+          </Table>
+        </Box>
+      </Paper>
 
       {/* Modal Konfirmasi Hapus */}
       <ModalKonfirmasiHapus