wibu/desa-darmasaba
1
0
Fork 0
Code Issues Pull Requests 5 Actions Packages Projects Releases Wiki Activity

Semua tooltips di admin sudah dihilangkan

Browse Source
This commit is contained in:
nico
2025-11-07 14:38:32 +08:00
parent db8909b9ed
commit 417a8937f5
195 changed files with 2479 additions and 3083 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/admin/(dashboard)/pendidikan/data-pendidikan/[id]/page.tsx
View File

@@ -2,7 +2,7 @@
'use client'
import colors from '@/con/colors';
import { Box, Button, Group, Paper, Stack, TextInput, Title, Tooltip } from '@mantine/core';
import { Box, Button, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
import { IconArrowBack } from '@tabler/icons-react';
import { useParams, useRouter } from 'next/navigation';
import { useEffect, useState } from 'react';
@@ -51,11 +51,9 @@ export default function EditDataPendidikan() {
return (
<Box px={{ base: 'sm', md: 'xl' }} py="md">
<Group mb="md" gap="sm">
<Tooltip label="Kembali ke halaman sebelumnya" position="bottom" withArrow>
<Button variant="subtle" onClick={() => router.back()} radius="md">
<IconArrowBack size={20} stroke={2} />
</Button>
</Tooltip>
<Button variant="subtle" onClick={() => router.back()} radius="md">
<IconArrowBack size={20} stroke={2} />
</Button>
<Title order={3} c="black">Edit Data Pendidikan</Title>
</Group>

10
src/app/admin/(dashboard)/pendidikan/data-pendidikan/create/page.tsx
View File

@@ -1,7 +1,7 @@
/* eslint-disable @typescript-eslint/no-explicit-any */
'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 { useState } from 'react';
@@ -31,11 +31,9 @@ export default function CreateDataPendidikan() {
return (
<Box px={{ base: 'sm', md: 'xl' }} py="md">
<Group mb="md" gap="sm">
<Tooltip label="Kembali ke halaman sebelumnya" position="bottom" withArrow>
<Button variant="subtle" onClick={() => router.back()} radius="md">
<IconArrowBack size={20} stroke={2} />
</Button>
</Tooltip>
<Button variant="subtle" onClick={() => router.back()} radius="md">
<IconArrowBack size={20} stroke={2} />
</Button>
<Title order={3} c='black'>Tambah Data Pendidikan</Title>
</Group>

56
src/app/admin/(dashboard)/pendidikan/data-pendidikan/page.tsx
View File

@@ -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 { IconDatabase, IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
import { useRouter } from 'next/navigation';
@@ -80,13 +80,11 @@ function ListDataPendidikan({ search }: { search: string }) {
<Box py="sm">
<Stack gap="sm">
<Paper p="md" withBorder bg={colors['white-1']} shadow="sm" radius="md">
<Group justify="space-between" mb="md">
<Group justify="space-between" mb="md">
<Title order={4}>Daftar Data Pendidikan</Title>
<Tooltip label="Tambah Data Pendidikan" withArrow>
<Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/pendidikan/data-pendidikan/create')}>
Tambah Baru
</Button>
</Tooltip>
<Button leftSection={<IconPlus size={18} />} color="blue" variant="light" onClick={() => router.push('/admin/pendidikan/data-pendidikan/create')}>
Tambah Baru
</Button>
</Group>
{filteredData.length === 0 ? (
<Box py="lg" px="md" style={{ textAlign: 'center' }}>
@@ -111,32 +109,28 @@ function ListDataPendidikan({ search }: { search: string }) {
<TableTd>{item.name}</TableTd>
<TableTd>{item.jumlah}</TableTd>
<TableTd>
<Tooltip label="Edit data pendidikan" position="top" withArrow>
<Button
color="green"
variant="light"
radius="md"
onClick={() => router.push(`/admin/pendidikan/data-pendidikan/${item.id}`)}
>
<IconEdit size={20} />
</Button>
</Tooltip>
<Button
color="green"
variant="light"
radius="md"
onClick={() => router.push(`/admin/pendidikan/data-pendidikan/${item.id}`)}
>
<IconEdit size={20} />
</Button>
</TableTd>
<TableTd>
<Tooltip label="Hapus data pendidikan" position="top" withArrow>
<Button
color="red"
variant="light"
radius="md"
disabled={stateDPM.delete.loading}
onClick={() => {
setSelectedId(item.id);
setModalHapus(true);
}}
>
<IconTrash size={20} />
</Button>
</Tooltip>
<Button
color="red"
variant="light"
radius="md"
disabled={stateDPM.delete.loading}
onClick={() => {
setSelectedId(item.id);
setModalHapus(true);
}}
>
<IconTrash size={20} />
</Button>
</TableTd>
</TableTr>
))}