QC ToolTip Admin Keano Masih di Menu Landing Page - Keamanan, QC Dari Darmasaba Pop Up Notifikasi

src/app/admin/(dashboard)/landing-page/prestasi-desa/_lib/layoutTabs.tsx

@@ -1,10 +1,10 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
+import colors from '@/con/colors';
+import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { IconCategory, IconListDetails } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
-import { IconCategory, IconListDetails } from '@tabler/icons-react';
-import colors from '@/con/colors';
 
 function LayoutTabs({ children }: { children: React.ReactNode }) {
   const router = useRouter();
@@ -16,14 +16,12 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
       value: "listPrestasiDesa",
       href: "/admin/landing-page/prestasi-desa/list-prestasi-desa",
       icon: <IconListDetails size={18} stroke={1.8} />,
-      tooltip: "Kelola daftar prestasi desa",
     },
     {
       label: "Kategori Prestasi",
       value: "kategoriPrestasiDesa",
       href: "/admin/landing-page/prestasi-desa/kategori-prestasi-desa",
       icon: <IconCategory size={18} stroke={1.8} />,
-      tooltip: "Kelola kategori prestasi desa",
     },
   ];
 
@@ -59,17 +57,17 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
         keepMounted={false}
       >
         <ScrollArea type="auto" offsetScrollbars>
-        <TabsList
-          p="sm"
-          style={{
-            background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
-            borderRadius: "1rem",
-            boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
-          }}
-        >
-          {tabs.map((tab, i) => (
-            <Tooltip key={i} label={tab.tooltip} position="bottom" withArrow transitionProps={{ transition: 'pop', duration: 200 }}>
+          <TabsList
+            p="sm"
+            style={{
+              background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
+              borderRadius: "1rem",
+              boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
+            }}
+          >
+            {tabs.map((tab, i) => (
               <TabsTab
+                key={i}
                 value={tab.value}
                 leftSection={tab.icon}
                 style={{
@@ -80,9 +78,8 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
               >
                 {tab.label}
               </TabsTab>
-            </Tooltip>
-          ))}
-        </TabsList>
+            ))}
+          </TabsList>
         </ScrollArea>
 
         {tabs.map((tab, i) => (