Sinkronisasi UI & API Admin - User Submenu Info Sekolah

This commit is contained in:
2025-08-29 15:20:46 +08:00
parent b6d6583e77
commit 9f9a0fb451
59 changed files with 1848 additions and 521 deletions

View File

@@ -87,9 +87,9 @@ function LayoutTabsGotongRoyong({
href: "/darmasaba/lingkungan/gotong-royong/kebersihan"
},
{
label: "Infrasturktur",
value: "infrasturktur",
href: "/darmasaba/lingkungan/gotong-royong/infrasturktur"
label: "Infrastruktur",
value: "infrastruktur",
href: "/darmasaba/lingkungan/gotong-royong/infrastruktur"
},
{
label: "Sosial",

View File

@@ -81,8 +81,9 @@ function Page() {
<Box key={k} px={28}>
<Paper p={20} bg={colors['white-trans-1']}>
<Flex gap={20} align={'center'}>
<Text>{k + 1}</Text>
<Box style={{ alignContent: 'center', alignItems: 'center' }}>
{k + 1} {iconMap[v.icon] ? React.createElement(iconMap[v.icon]) : null}
{iconMap[v.icon] ? React.createElement(iconMap[v.icon]) : null}
</Box>
<Text fw={'bold'} fz={{ base: "lg", md: "xl" }} c={'black'}>{v.name}</Text>
</Flex>

View File

@@ -1,14 +1,13 @@
/* eslint-disable @typescript-eslint/no-explicit-any */
'use client'
import colors from '@/con/colors';
import { Box, Button, Center, Group, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
import { IconSearch, IconLeaf, IconTrophy, IconTent, IconChartLine, IconRecycle, IconTruckFilled, IconScale, IconClipboardTextFilled, IconTrashFilled, IconHomeEco, IconChristmasTreeFilled, IconTrendingUp, IconShieldFilled } from '@tabler/icons-react';
import BackButton from '../../desa/layanan/_com/BackButto';
import programPenghijauanState from '@/app/admin/(dashboard)/_state/lingkungan/program-penghijauan';
import { useProxy } from 'valtio/utils';
import colors from '@/con/colors';
import { Box, Center, Group, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput, Title, Tooltip } from '@mantine/core';
import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
import { useState } from 'react';
import React from 'react';
import { IconChartLine, IconChristmasTreeFilled, IconClipboardTextFilled, IconHomeEco, IconLeaf, IconRecycle, IconScale, IconSearch, IconShieldFilled, IconTent, IconTrashFilled, IconTrendingUp, IconTrophy, IconTruckFilled } from '@tabler/icons-react';
import React, { useState } from 'react';
import { useProxy } from 'valtio/utils';
import BackButton from '../../desa/layanan/_com/BackButto';
function Page() {
const state = useProxy(programPenghijauanState);
@@ -17,7 +16,7 @@ function Page() {
const { data, load, page, totalPages, loading } = state.findMany;
useShallowEffect(() => {
load(page, 10, debouncedSearch);
load(page, 4, debouncedSearch);
}, [page, debouncedSearch]);
const iconMap: Record<string, any> = {
@@ -110,9 +109,6 @@ function Page() {
<Text fz="sm" ta="center" c="dimmed">
{v.judul}
</Text>
<Button variant="gradient" gradient={{ from: colors['blue-button'], to: 'cyan' }} size="sm" radius="xl" mt="sm">
Pelajari Lebih Lanjut
</Button>
</Stack>
</Paper>
))}