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

2025-11-05 14:32:38 +08:00
parent fb57698dc9
commit f66a46f645
195 changed files with 2819 additions and 3323 deletions
--- a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/edit/page.tsx
@@ -4,7 +4,7 @@
 import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import daftarInformasiPublik from '@/app/admin/(dashboard)/_state/ppid/daftar_informasi_publik/daftarInformasiPublik';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -81,11 +81,9 @@ function EditDaftarInformasiPublik() {
  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>
        <Title order={4} ml="sm" c="dark">
          Edit Daftar Informasi Publik
        </Title>
--- a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/page.tsx
@@ -1,9 +1,9 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
-import { useShallowEffect } from '@mantine/hooks';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
@@ -93,7 +93,6 @@ function DetailDaftarInformasiPublik() {
              </Box>

              <Group gap="sm" mt="md">
-                <Tooltip label="Edit Informasi" withArrow position="top">
                  <Button
                    variant="light"
                    color="green"
@@ -103,9 +102,7 @@ function DetailDaftarInformasiPublik() {
                  >
                    Edit
                  </Button>
-                </Tooltip>

-                <Tooltip label="Hapus Informasi" withArrow position="top">
                  <Button
                    variant="light"
                    color="red"
@@ -119,7 +116,6 @@ function DetailDaftarInformasiPublik() {
                  >
                    Hapus
                  </Button>
-                </Tooltip>
              </Group>
            </Stack>
          </Paper>
--- a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/create/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/create/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
@@ -43,11 +43,9 @@ export default function CreateDaftarInformasi() {
  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>
        <Title order={4} ml="sm" c="dark">
          Tambah Informasi Publik
        </Title>
--- a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/page.tsx
@@ -1,9 +1,9 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
+import { useShallowEffect, useViewportSize } from '@mantine/hooks';
 import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useShallowEffect, useViewportSize } from '@mantine/hooks';
 import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../_com/header';
@@ -52,7 +52,6 @@ function ListDaftarInformasi({ 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 Informasi Publik</Title>
-          <Tooltip label="Tambah Informasi Publik" withArrow>
            <Button
              leftSection={<IconPlus size={18} />}
              color="blue"
@@ -61,7 +60,6 @@ function ListDaftarInformasi({ search }: { search: string }) {
            >
              {isMobile ? 'Tambah' : 'Tambah Baru'}
            </Button>
-          </Tooltip>
        </Group>

        {filteredData.length === 0 ? (
@@ -92,29 +90,19 @@ function ListDaftarInformasi({ search }: { search: string }) {
                      <Text fz="sm">{(page - 1) * 10 + index + 1}</Text>
                    </TableTd>
                    <TableTd>
-                      <Tooltip label={item.jenisInformasi} position="top-start" openDelay={500}>
                        <Box w={200}>
                          <Text fw={500} lineClamp={1}>{item.jenisInformasi}</Text>
                        </Box>
-                      </Tooltip>
                    </TableTd>
                    <TableTd>
-                      <Tooltip
-                        label={item.deskripsi?.replace(/<[^>]*>?/gm, '')}
-                        position="top-start"
-                        openDelay={500}
-                        multiline
-                        maw={400}
-                      >
                        <Box w={200}>
                          <Text lineClamp={1} fz="sm" c="dimmed">
                            {item.deskripsi?.replace(/<[^>]*>?/gm, '').substring(0, 80) + '...'}
                          </Text>
                        </Box>
-                      </Tooltip>
+
                    </TableTd>
                    <TableTd style={{ textAlign: 'center' }}>
-                      <Tooltip label="Lihat Detail" withArrow>
                        <Button
                          size="xs"
                          radius="md"
@@ -125,7 +113,6 @@ function ListDaftarInformasi({ search }: { search: string }) {
                        >
                          Detail
                        </Button>
-                      </Tooltip>
                    </TableTd>
                  </TableTr>
                ))}
--- a/src/app/admin/(dashboard)/ppid/dasar-hukum/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/dasar-hukum/edit/page.tsx
@@ -1,13 +1,13 @@
 'use client';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
+import { IconArrowBack } from '@tabler/icons-react';
 import dynamic from 'next/dynamic';
+import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import stateDasarHukumPPID from '../../../_state/ppid/dasar_hukum/dasarHukum';
-import { useRouter } from 'next/navigation';
-import { IconArrowBack } from '@tabler/icons-react';

 const PPIDTextEditor = dynamic(
  () => import('../../_com/PPIDTextEditor').then(mod => mod.PPIDTextEditor),
@@ -50,11 +50,9 @@ function EditDasarHukum() {
  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>
        <Title order={4} ml="sm" c="dark">
          Edit Dasar Hukum PPID
        </Title>
--- a/src/app/admin/(dashboard)/ppid/dasar-hukum/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/dasar-hukum/page.tsx
@@ -1,6 +1,6 @@
 'use client';
 import colors from '@/con/colors';
-import { Box, Button, Center, Divider, Grid, GridCol, Image, Paper, Skeleton, Stack, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Divider, Grid, GridCol, Image, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -40,7 +40,6 @@ function Page() {
            <Title order={3} c={colors['blue-button']}>Preview Dasar Hukum PPID</Title>
          </GridCol>
          <GridCol span={{ base: 12, md: 1 }}>
-            <Tooltip label="Edit Dasar Hukum" withArrow>
              <Button
                c="green"
                variant="light"
@@ -50,7 +49,6 @@ function Page() {
              >
                Edit
              </Button>
-            </Tooltip>
          </GridCol>
        </Grid>

--- a/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/[id]/edit/page.tsx
@@ -2,10 +2,10 @@
 'use client'
 import indeksKepuasanState from '@/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Select, Stack, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Select, Stack, TextInput, Title } from '@mantine/core';
 import { IconArrowBack, IconDeviceFloppy } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
-import { useEffect, useState, ChangeEvent } from 'react';
+import { ChangeEvent, useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useProxy } from 'valtio/utils';

@@ -87,11 +87,9 @@ function EditResponden() {
  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>
        <Title order={4} ml="sm" c="dark">
          Edit Responden
        </Title>
--- a/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/[id]/page.tsx
@@ -3,7 +3,7 @@
 import { ModalKonfirmasiHapus } from "@/app/admin/(dashboard)/_com/modalKonfirmasiHapus"
 import indeksKepuasanState from "@/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan"
 import colors from "@/con/colors"
-import { Box, Button, Group, Paper, Skeleton, Stack, Text, Tooltip } from "@mantine/core"
+import { Box, Button, Group, Paper, Skeleton, Stack, Text } from "@mantine/core"
 import { useShallowEffect } from "@mantine/hooks"
 import { IconArrowBack, IconEdit, IconTrash } from "@tabler/icons-react"
 import { useParams, useRouter } from "next/navigation"
@@ -89,7 +89,6 @@ export default function DetailResponden() {
              </Box>
              
              <Group gap="sm" mt="md">
-                <Tooltip label="Hapus Responden" withArrow position="top">
                  <Button
                    color="red"
                    variant="light"
@@ -104,8 +103,6 @@ export default function DetailResponden() {
                  >
                    Hapus
                  </Button>
-                </Tooltip>
-                <Tooltip label="Edit Responden" withArrow position="top">
                  <Button
                    color="green"
                    variant="light"
@@ -119,7 +116,6 @@ export default function DetailResponden() {
                  >
                    Edit
                  </Button>
-                </Tooltip>
              </Group>
            </Stack>
          </Paper>
--- a/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors'
-import { Box, Button, Group, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core'
+import { Box, Button, Group, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core'
 import { useShallowEffect } from '@mantine/hooks'
 import { IconDeviceImacCog, IconId, IconInfoCircle, IconPhone, IconUser } from '@tabler/icons-react'
 import { useRouter } from 'next/navigation'
@@ -32,9 +32,7 @@ function Page() {
        <Stack gap="md">
          <Group justify="space-between">
            <Title order={2} c="dark">Daftar Permohonan Informasi Publik</Title>
-            <Tooltip label="Data permohonan informasi sesuai dengan pengajuan masyarakat" position="bottom">
              <IconInfoCircle size={20} stroke={1.5} />
-            </Tooltip>
          </Group>

          {data.length === 0 ? (
--- a/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx
@@ -1,11 +1,11 @@
 'use client'
 import colors from '@/con/colors'
-import { Box, Button, Group, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core'
+import { Box, Button, Group, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core'
 import { useShallowEffect } from '@mantine/hooks'
 import { IconDeviceImacCog, IconInfoCircle, IconMail, IconPhone, IconUser } from '@tabler/icons-react'
+import { useRouter } from 'next/navigation'
 import { useProxy } from 'valtio/utils'
 import statePermohonanKeberatan from '../../_state/ppid/permohonan_keberatan_informasi_publik/permohonanKeberatanInformasi'
-import { useRouter } from 'next/navigation'

 function Page() {
  const listState = useProxy(statePermohonanKeberatan)
@@ -31,9 +31,7 @@ function Page() {
        <Stack gap="md">
          <Group justify="space-between">
            <Title order={2} c="dark">Daftar Permohonan Keberatan Informasi Publik</Title>
-            <Tooltip label="Data permohonan keberatan atas informasi yang diajukan masyarakat" position="bottom">
-              <IconInfoCircle size={20} stroke={1.5} />
-            </Tooltip>
+            <IconInfoCircle size={20} stroke={1.5} />
          </Group>

          {data.length === 0 ? (
@@ -65,9 +63,7 @@ function Page() {
                    <TableTr key={item.id}>
                      <TableTd>{index + 1}</TableTd>
                      <TableTd>
-                        <Tooltip label={item.name}>
-                          <Text lineClamp={1} fw={500}>{item.name}</Text>
-                        </Tooltip>
+                        <Text lineClamp={1} fw={500}>{item.name}</Text>
                      </TableTd>
                      <TableTd>
                        <Text size="sm">{item.email || '-'}</Text>
--- a/src/app/admin/(dashboard)/ppid/profile-ppid/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/profile-ppid/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Divider, Grid, GridCol, Image, Paper, Skeleton, Stack, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Divider, Grid, GridCol, Image, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -35,7 +35,6 @@ function Page() {
            <Title order={3} c={colors['blue-button']}>Preview Profil PPID</Title>
          </GridCol>
          <GridCol span={{ base: 12, md: 1 }}>
-            <Tooltip label="Edit Profil PPID" withArrow>
              <Button
                c="green"
                variant="light"
@@ -45,7 +44,6 @@ function Page() {
              >
                Edit
              </Button>
-            </Tooltip>
          </GridCol>
        </Grid>
        {dataArray.map((item) => (
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/_lib/layoutTabs.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/_lib/layoutTabs.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title, Tooltip } from '@mantine/core';
+import { ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import { IconBuildingCommunity, IconHierarchy2, IconUsers } from '@tabler/icons-react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
@@ -9,28 +9,25 @@ import React, { useEffect, useState } from 'react';
 function LayoutTabs({ children }: { children: React.ReactNode }) {
  const router = useRouter();
  const pathname = usePathname();
-  
+
  const tabs = [
    {
      label: "Pegawai",
      value: "pegawai",
      href: "/admin/ppid/struktur-ppid/pegawai",
      icon: <IconUsers size={18} stroke={1.8} />,
-      tooltip: "Kelola daftar pegawai PPID"
    },
    {
      label: "Posisi Organisasi",
      value: "posisiorganisasi",
      href: "/admin/ppid/struktur-ppid/posisi-organisasi",
      icon: <IconHierarchy2 size={18} stroke={1.8} />,
-      tooltip: "Kelola posisi dalam struktur organisasi"
    },
    {
      label: "Struktur Organisasi",
      value: "strukturorganisasi",
      href: "/admin/ppid/struktur-ppid/struktur-organisasi",
      icon: <IconBuildingCommunity size={18} stroke={1.8} />,
-      tooltip: "Kelola struktur organisasi PPID"
    }
  ];

@@ -79,9 +76,9 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
              paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
            }}
          >
-          {tabs.map((tab, i) => (
-            <Tooltip key={i} label={tab.tooltip} position="bottom" withArrow transitionProps={{ transition: 'pop', duration: 200 }}>
+            {tabs.map((tab, i) => (
              <TabsTab
+                key={i}
                value={tab.value}
                leftSection={tab.icon}
                style={{
@@ -92,27 +89,26 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
              >
                {tab.label}
              </TabsTab>
-            </Tooltip>
          ))}
        </TabsList>
      </ScrollArea>

-        {tabs.map((tab, i) => (
-          <TabsPanel
-            key={i}
-            value={tab.value}
-            style={{
-              padding: "1.5rem",
-              background: "linear-gradient(180deg, #ffffff, #f5f6fa)",
-              borderRadius: "1rem",
-              boxShadow: "0 4px 16px rgba(0,0,0,0.05)",
-            }}
-          >
-            {children}
-          </TabsPanel>
-        ))}
-      </Tabs>
-    </Stack>
+      {tabs.map((tab, i) => (
+        <TabsPanel
+          key={i}
+          value={tab.value}
+          style={{
+            padding: "1.5rem",
+            background: "linear-gradient(180deg, #ffffff, #f5f6fa)",
+            borderRadius: "1rem",
+            boxShadow: "0 4px 16px rgba(0,0,0,0.05)",
+          }}
+        >
+          {children}
+        </TabsPanel>
+      ))}
+    </Tabs>
+    </Stack >
  );
 }

--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/edit/page.tsx
@@ -13,8 +13,7 @@ import {
  Stack,
  Text,
  TextInput,
-  Title,
-  Tooltip
+  Title
 } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
@@ -109,11 +108,9 @@ export default function EditPegawaiPPID() {
  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>
        <Title order={4} ml="sm" c="dark">Edit Data Pegawai PPID</Title>
      </Group>

--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/page.tsx
@@ -2,7 +2,7 @@
 import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
 import stateStrukturPPID from '@/app/admin/(dashboard)/_state/ppid/struktur_ppid/struktur_PPID';
 import colors from '@/con/colors';
-import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -149,7 +149,6 @@ function DetailPegawai() {
              </Button>

              <Group gap="sm" mt="md">
-                <Tooltip label="Hapus Pegawai" withArrow position="top">
                  <Button
                    color="red"
                    onClick={() => {
@@ -162,9 +161,7 @@ function DetailPegawai() {
                  >
                    <IconTrash size={20} />
                  </Button>
-                </Tooltip>

-                <Tooltip label="Edit Pegawai" withArrow position="top">
                  <Button
                    color="green"
                    onClick={() => router.push(`/admin/ppid/struktur-ppid/pegawai/${data.id}/edit`)}
@@ -174,7 +171,6 @@ function DetailPegawai() {
                  >
                    <IconEdit size={20} />
                  </Button>
-                </Tooltip>
              </Group>
            </Stack>
          </Paper>
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/create/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/create/page.tsx
@@ -3,7 +3,7 @@
 import stateStrukturPPID from '@/app/admin/(dashboard)/_state/ppid/struktur_ppid/struktur_PPID';
 import colors from '@/con/colors';
 import ApiFetch from '@/lib/api-fetch';
-import { Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -74,11 +74,9 @@ function CreatePegawaiPPID() {
  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>
        <Title order={4} ml="sm" c="dark">
          Tambah Pegawai PPID
        </Title>
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/page.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { Badge, Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, ThemeIcon, Title, Tooltip } from '@mantine/core';
+import { Badge, Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, ThemeIcon, Title } from '@mantine/core';
 import { IconCheck, IconDeviceImacCog, IconPlus, IconSearch, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -58,7 +58,6 @@ function ListPegawaiPPID({ 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 Pegawai PPID</Title>
-            <Tooltip label="Tambah Pegawai Baru" withArrow>
              <Button
                leftSection={<IconPlus size={18} />}
                color="blue"
@@ -67,7 +66,6 @@ function ListPegawaiPPID({ search }: { search: string }) {
              >
                Tambah Baru
              </Button>
-            </Tooltip>
          </Group>
          <Center py="xl">
            <Text c="dimmed">Tidak ada data pegawai yang ditemukan</Text>
@@ -81,7 +79,6 @@ function ListPegawaiPPID({ 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 Pegawai PPID</Title>
-          <Tooltip label="Tambah Pegawai Baru" withArrow>
            <Button
              leftSection={<IconPlus size={18} />}
              color="blue"
@@ -90,7 +87,6 @@ function ListPegawaiPPID({ search }: { search: string }) {
            >
              Tambah Baru
            </Button>
-          </Tooltip>
        </Group>
        <Box style={{ overflowX: "auto" }}>
          <Table highlightOnHover>
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/[id]/page.tsx
@@ -5,7 +5,7 @@
 import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
 import stateStrukturPPID from '@/app/admin/(dashboard)/_state/ppid/struktur_ppid/struktur_PPID';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -84,11 +84,9 @@ function EditPosisiOrganisasiPPID() {
  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>
        <Title order={4} ml="sm" c="dark">
          Edit Posisi Organisasi PPID
        </Title>
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/create/page.tsx
@@ -3,7 +3,7 @@
 import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
 import stateStrukturPPID from '@/app/admin/(dashboard)/_state/ppid/struktur_ppid/struktur_PPID';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect } from 'react';
@@ -51,11 +51,9 @@ function CreatePosisiOrganisasiPPID() {
  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>
        <Title order={4} ml="sm" c="dark">
          Tambah Posisi Organisasi PPID
        </Title>
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -67,7 +67,6 @@ function ListPosisiOrganisasiPPID({ 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 Posisi Organisasi PPID</Title>
-          <Tooltip label="Tambah Posisi Organisasi" withArrow>
            <Button
              leftSection={<IconPlus size={18} />}
              color="blue"
@@ -76,7 +75,6 @@ function ListPosisiOrganisasiPPID({ search }: { search: string }) {
            >
              Tambah Baru
            </Button>
-          </Tooltip>
        </Group>
        <Box style={{ overflowX: 'auto' }}>
          <Table highlightOnHover>
@@ -105,7 +103,6 @@ function ListPosisiOrganisasiPPID({ search }: { search: string }) {
                      <Text>{item.hierarki || '-'}</Text>
                    </TableTd>
                    <TableTd style={{ width: '20%' }}>
-                      <Tooltip label="Edit" withArrow>
                        <Button
                          variant="light"
                          color="green"
@@ -114,10 +111,8 @@ function ListPosisiOrganisasiPPID({ search }: { search: string }) {
                        >
                          <IconEdit size={18} />
                        </Button>
-                      </Tooltip>
                    </TableTd>
                    <TableTd style={{ width: '20%' }}>
-                    <Tooltip label="Hapus" withArrow>
                      <Button
                        variant="light"
                        color="red"
@@ -129,7 +124,6 @@ function ListPosisiOrganisasiPPID({ search }: { search: string }) {
                      >
                        <IconTrash size={18} />
                      </Button>
-                    </Tooltip>
                    </TableTd>
                  </TableTr>
                ))
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/struktur-organisasi/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/struktur-organisasi/page.tsx
@@ -2,7 +2,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
-import { Box, Center, Image, Loader, Paper, Stack, Text, Tooltip } from '@mantine/core';
+import { Box, Center, Image, Loader, Paper, Stack, Text } from '@mantine/core';
 import { IconUsers } from '@tabler/icons-react';
 import { OrganizationChart } from 'primereact/organizationchart';
 import { useEffect } from 'react';
@@ -110,7 +110,6 @@ function nodeTemplate(node: any) {

  return (
    <Stack align="center" gap={6} p="sm" style={{ minWidth: 160 }}>
-      <Tooltip label={name} position="top" withArrow>
        <Image
          src={imageSrc}
          alt={name}
@@ -123,7 +122,6 @@ function nodeTemplate(node: any) {
          }}
          loading='lazy'
        />
-      </Tooltip>
      <Text fw={600} ta="center" size="sm">{name}</Text>
      <Text size="xs" c="dimmed" ta="center">{status}</Text>
    </Stack>
--- a/src/app/admin/(dashboard)/ppid/visi-misi-ppid/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/visi-misi-ppid/edit/page.tsx
@@ -1,6 +1,6 @@
 'use client';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -50,11 +50,9 @@ function VisiMisiPPIDEdit() {
  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>
        <Title order={4} ml="sm" c="dark">
          Edit Visi Misi PPID
        </Title>
--- a/src/app/admin/(dashboard)/ppid/visi-misi-ppid/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/visi-misi-ppid/page.tsx
@@ -1,6 +1,6 @@
 'use client';
 import colors from '@/con/colors';
-import { Box, Button, Center, Divider, Grid, GridCol, Image, Paper, Skeleton, Stack, Text, Title, Tooltip } from '@mantine/core';
+import { Box, Button, Center, Divider, Grid, GridCol, Image, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -41,7 +41,6 @@ function VisiMisiPPIDList() {
            <Title order={3} c={colors['blue-button']}>Preview Visi Misi PPID</Title>
          </GridCol>
          <GridCol span={{ base: 12, md: 1 }}>
-            <Tooltip label="Edit Visi Misi PPID" withArrow>
              <Button
                c="green"
                variant="light"
@@ -51,7 +50,6 @@ function VisiMisiPPIDList() {
              >
                Edit
              </Button>
-            </Tooltip>
          </GridCol>
        </Grid>