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

QC Kak Inno FrontEnd Done

Browse Source 
QC Kak Ayu FrontEnd Done
QC Keano 31 Okt
This commit is contained in:
nico
2025-11-03 10:28:03 +08:00
parent 0befe6a3f2
commit 7b4bb1e58e
29 changed files with 165 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/darmasaba/(pages)/desa/profile/page.tsx
View File

@@ -26,7 +26,7 @@ function Page() {
</Text>
</Stack>
</Container>
<Box px={{ base: "md", md: 100 }}>
<Stack px={{ base: "md", md: 100 }} gap={"xl"}>
<ProfileDesa />
<SejarahDesa />
<VisimisiDesa />
@@ -35,7 +35,7 @@ function Page() {
<ProfilPerbekel />
<MotoDesa />
<SemuaPerbekel />
</Box>
</Stack>
</Stack>
{/* Tombol Scroll ke Atas */}
<ScrollToTopButton />

2
src/app/darmasaba/(pages)/desa/profile/ui/lambangDesa.tsx
View File

@@ -24,7 +24,7 @@ function LambangDesa() {
}
return (
<Box pb={90}>
<Box>
<Stack align="center" gap="lg">
<Box pb="lg">
<Center>

2
src/app/darmasaba/(pages)/desa/profile/ui/maskotDesa.tsx
View File

@@ -28,7 +28,7 @@ function MaskotDesa() {
}
return (
<Box pb={80}>
<Box>
<Stack align="center" gap="xl">
<Stack align="center" gap={10}>
<Image src="/pudak-icon.png" alt="Ikon Desa" w={{ base: 160, md: 240 }} loading="lazy"/>

2
src/app/darmasaba/(pages)/desa/profile/ui/motoDesa.tsx
View File

@@ -36,7 +36,7 @@ const letters = ["S", "I", "G", "A", "P"];
function MotoDesa() {
return (
<Box pb={80} px={{ base: "md", md: "xl" }}>
<Box px={{ base: "md", md: "xl" }}>
<Stack align="center" gap="lg">
<Box>
<Text

4
src/app/darmasaba/(pages)/desa/profile/ui/profilPerbekel.tsx
View File

@@ -25,7 +25,7 @@ function ProfilPerbekel() {
}
return (
<Box pb={80} px="md">
<Box px="md">
<Stack align="center" gap={0} mb={40}>
<Text
c={colors['blue-button']}
@@ -116,7 +116,7 @@ function ProfilPerbekel() {
</Stack>
<Text
fz={{ base: "1rem", md: "1.2rem" }}
ta="justify"
ta="left"
lh={1.6}
dangerouslySetInnerHTML={{ __html: data.pengalaman }}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}

2
src/app/darmasaba/(pages)/desa/profile/ui/profileDesa.tsx
View File

@@ -3,7 +3,7 @@ import { Box, Center, Paper } from '@mantine/core';
function ProfileDesa() {
return (
<Box pb={90}>
<Box>
<Center>
<Paper p={"xl"} bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
<Center>

2
src/app/darmasaba/(pages)/desa/profile/ui/sejarahDesa.tsx
View File

@@ -24,7 +24,7 @@ function SejarahDesa() {
}
return (
<Box py="xl">
<Box>
<Stack align="center" gap="xl">
<Stack align="center" gap="sm">
<Center>

2
src/app/darmasaba/(pages)/desa/profile/ui/semuaPerbekel.tsx
View File

@@ -36,7 +36,7 @@ function SemuaPerbekel() {
}
return (
<Box pb={80}>
<Box>
<Stack align="center" gap="lg">
<Box>
<Text

2
src/app/darmasaba/(pages)/desa/profile/ui/visimisiDesa.tsx
View File

@@ -24,7 +24,7 @@ function VisiMisiDesa() {
}
return (
<Box py="xl">
<Box>
<Stack align="center" gap="xl">
<Image
src="/darmasaba-icon.png"

19
src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/program-lainnya/page.tsx
View File

@@ -1,27 +1,26 @@
'use client'
import {
Box,
Button,
Card,
Center,
Group,
Pagination,
Paper,
Skeleton,
Stack,
Text,
Title,
Tooltip,
Button,
Paper,
Title
} from '@mantine/core';
import { IconSearch, IconArrowRight } from '@tabler/icons-react';
import { IconArrowRight, IconSearch } from '@tabler/icons-react';
import { useRouter } from 'next/navigation';
import { useProxy } from 'valtio/utils';
import HeaderSearch from '@/app/admin/(dashboard)/_com/header';
import pencegahanKriminalitasState from '@/app/admin/(dashboard)/_state/keamanan/pencegahan-kriminalitas';
import { useShallowEffect } from '@mantine/hooks';
import { useState } from 'react';
import HeaderSearch from '@/app/admin/(dashboard)/_com/header';
import { IconArrowLeft } from '@tabler/icons-react';
import { useRouter } from 'next/navigation';
import { useState } from 'react';
import { useProxy } from 'valtio/utils';
function PencegahanKriminalitas() {
const [search, setSearch] = useState("");
@@ -96,7 +95,6 @@ function ListPencegahanKriminalitas({ search }: { search: string }) {
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
<Group justify="flex-end" mt="sm">
<Tooltip label="Lihat detail program" withArrow>
<Button
size="sm"
variant="gradient"
@@ -106,7 +104,6 @@ function ListPencegahanKriminalitas({ search }: { search: string }) {
>
Lihat Detail
</Button>
</Tooltip>
</Group>
</Stack>
</Card>

2
src/app/darmasaba/(pages)/pendidikan/data-pendidikan/page.tsx
View File

@@ -57,7 +57,7 @@ function Page() {
<Title order={1} fw={700} ta="center" c={colors['blue-button']}>
Statistik Data Pendidikan
</Title>
<Text c="dimmed" size="sm" ta="center">
<Text fz="md" ta="center">
Visualisasi jumlah pendidikan berdasarkan kategori yang tersedia
</Text>
</Stack>

2
src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/lembaga/page.tsx
View File

@@ -55,7 +55,7 @@ function Page({ params }: PageProps) {
<Group justify="space-between" align="center" mb="md">
<Group gap="sm">
<IconChalkboard size={28} stroke={1.5} color={colors['blue-button']} />
<Title order={2} fz="xl">Daftar Lembaga Pendidikan</Title>
<Title order={2} fz="xl" c={colors['blue-button']}>Daftar Lembaga Pendidikan</Title>
</Group>
<TextInput
placeholder='pencarian'

2
src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/pengajar/page.tsx
View File

@@ -55,7 +55,7 @@ function Page({ params }: PageProps) {
<Group justify="space-between" align="center" mb="md">
<Group gap="sm">
<IconMicroscope size={28} stroke={1.5} color={colors['blue-button']} />
<Title order={2} fz="xl">Daftar Pengajar</Title>
<Title order={2} fz="xl" c={colors['blue-button']}>Daftar Pengajar</Title>
</Group>
<TextInput
placeholder='pencarian'

2
src/app/darmasaba/(pages)/pendidikan/info-sekolah/[jenjangPendidikan]/siswa/page.tsx
View File

@@ -55,7 +55,7 @@ function Page({ params }: PageProps) {
<Group justify="space-between" align="center" mb="md">
<Group gap="sm">
<IconSchool size={28} stroke={1.5} color={colors['blue-button']} />
<Title order={2} fz="xl">Daftar Siswa</Title>
<Title order={2} fz="xl" c={colors['blue-button']}>Daftar Siswa</Title>
</Group>
<TextInput
placeholder='pencarian'

21
src/app/darmasaba/(pages)/pendidikan/info-sekolah/_lib/layoutTabs.tsx
View File

@@ -96,23 +96,21 @@
'use client'
import colors from '@/con/colors';
// pastikan path benar
import infoSekolahPaud from '@/app/admin/(dashboard)/_state/pendidikan/info-sekolah-paud';
import {
ActionIcon,
Box,
Button,
Container,
Group,
Loader,
Paper,
Stack,
Text,
VisuallyHidden,
Loader,
Text
} from '@mantine/core';
import { IconArrowLeft } from '@tabler/icons-react';
import { useRouter, useSearchParams } from 'next/navigation';
import { useSnapshot } from 'valtio';
import React, { useEffect, useState } from 'react';
import infoSekolahPaud from '@/app/admin/(dashboard)/_state/pendidikan/info-sekolah-paud';
import { useSnapshot } from 'valtio';
import BackButton from '../../../desa/layanan/_com/BackButto';
type LayoutSekolahProps = {
title?: string;
@@ -153,10 +151,7 @@ export default function LayoutSekolah({
<Container size="xl" py={{ base: 'md', md: 'xl' }}>
<Stack gap="lg">
{/* Back Button */}
<ActionIcon onClick={() => window.history.back()} variant="light" radius="md" size="lg">
<IconArrowLeft size={20} />
<VisuallyHidden>Kembali</VisuallyHidden>
</ActionIcon>
<BackButton/>
{/* Search & Filter */}
<Paper radius="lg" p="xl" withBorder>
@@ -185,8 +180,8 @@ export default function LayoutSekolah({
radius="xl"
size="sm"
variant={aktif ? 'filled' : 'light'}
bg={colors['blue-button']}
c={aktif ? colors['white-1'] : 'gray'}
bg={aktif? colors['blue-button'] : '#BDCADE'}
c={aktif ? colors['white-1'] : colors['blue-button']}
>
{k}
</Button>

2
src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/lembaga/page.tsx
View File

@@ -47,7 +47,7 @@ function Page() {
<Group justify="space-between" align="center" mb="md">
<Group gap="sm">
<IconChalkboard size={28} stroke={1.5} color={colors['blue-button']} />
<Title order={2} fz="xl">Daftar Lembaga Pendidikan</Title>
<Title order={2} fz="xl" c={colors['blue-button']}>Daftar Lembaga Pendidikan</Title>
</Group>
<TextInput
placeholder='pencarian'

2
src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/pengajar/page.tsx
View File

@@ -46,7 +46,7 @@ function Page() {
<Group justify="space-between" align="center" mb="md">
<Group gap="sm">
<IconMicroscope size={28} stroke={1.5} color={colors['blue-button']} />
<Title order={2} fz="xl">Daftar Pengajar</Title>
<Title order={2} fz="xl" c={colors['blue-button']}>Daftar Pengajar</Title>
</Group>
<TextInput
placeholder='pencarian'

2
src/app/darmasaba/(pages)/pendidikan/info-sekolah/semua/siswa/page.tsx
View File

@@ -47,7 +47,7 @@ function Page() {
<Group justify="space-between" align="center" mb="md">
<Group gap="sm">
<IconSchool size={28} stroke={1.5} color={colors['blue-button']} />
<Title order={2} fz="xl">Daftar Siswa</Title>
<Title order={2} fz="xl" c={colors['blue-button']}>Daftar Siswa</Title>
</Group>
<TextInput
placeholder='pencarian'

10
src/app/darmasaba/(pages)/pendidikan/program-pendidikan-anak/page.tsx
View File

@@ -37,13 +37,15 @@ function Page() {
<Box px={{ base: 'md', md: 100 }} pb={50}>
<Box mb="xl">
<Title ta="center" order={1} fw="bold" c={colors['blue-button']} mb="sm">
<Title ta="center" order={1} fw="bold" c={colors['blue-button']}>
Program Pendidikan Anak
</Title>
<Box my={"sm"}>
<Divider size="sm" color={colors['blue-button']} mx="auto" maw={550} />
</Box>
<Text ta="center" fz="lg" c="black" mb="lg" maw={800} mx="auto">
Desa Darmasaba berkomitmen mencetak generasi muda yang cerdas, berkarakter, dan siap bersaing melalui program pendidikan yang inklusif dan berkelanjutan.
</Text>
<Divider size="sm" color={colors['blue-button']} mx="auto" maw={120} />
</Box>
<SimpleGrid
@@ -66,7 +68,7 @@ function Page() {
</Title>
</Group>
<Tooltip label="Detail tujuan program pendidikan anak" position="top-start" withArrow>
<Text fz="lg" lh={1.6} c="dark" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: stateTujuan.findById.data?.deskripsi }} />
<Text fz="lg" lh={1.6} c="dark" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: stateTujuan.findById.data?.deskripsi }} />
</Tooltip>
</Stack>
</Paper>
@@ -87,7 +89,7 @@ function Page() {
</Title>
</Group>
<Tooltip label="Detail program unggulan yang sedang berjalan" position="top-start" withArrow>
<Text fz="lg" lh={1.6} c="dark" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: stateUnggulan.findById.data?.deskripsi }} />
<Text fz="lg" lh={1.6} c="dark" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: stateUnggulan.findById.data?.deskripsi }} />
</Tooltip>
</Stack>
</Paper>

19
src/app/darmasaba/(pages)/ppid/daftar-informasi-publik/page.tsx
View File

@@ -7,6 +7,7 @@ import {
Box,
Button,
Center,
Group,
Image,
Pagination,
Paper,
@@ -178,12 +179,18 @@ function Page() {
<Paper p="lg" radius="xl" shadow="xs" withBorder>
<Stack gap="xs">
<Text fz="lg" fw="bold" c={colors["blue-button"]}>Kontak PPID</Text>
<Text fz="sm" c="dimmed" lh={1.6}>
<IconMail size={16} style={{ marginRight: 6 }} /> Email: <Text span fw="500">ppid@desadarmasaba.id</Text>
</Text>
<Text fz="sm" c="dimmed" lh={1.6}>
<IconBrandWhatsapp size={16} style={{ marginRight: 6 }} /> WhatsApp: <Text span fw="500">081-xxx-xxx-xxx</Text>
</Text>
<Group>
<IconMail color='gray' size={16} style={{ marginRight: 6 }} />
<Text c={"dimmed"} fz="sm" lh={1.6}>
Email: <Text c={"dimmed"} span fw="500">ppid@desadarmasaba.id</Text>
</Text>
</Group>
<Group>
<IconBrandWhatsapp color='gray' size={16} style={{ marginRight: 6 }} />
<Text c={"dimmed"} fz="sm" lh={1.6}>
WhatsApp: <Text c={"dimmed"} span fw="500">081-xxx-xxx-xxx</Text>
</Text>
</Group>
</Stack>
</Paper>
</Stack>