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

fix(apbdes): improve UI components and styling

Browse Source 
- Update Apbdes component with better conditional rendering
- Enhance grafikRealisasi with improved percentage display
- Refine color coding and feedback messages
- Optimize layout and spacing for better UX

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
This commit is contained in:
nico
2026-03-03 14:15:27 +08:00
parent 03451195c8
commit 239771a714
2 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/darmasaba/_com/main-page/apbdes/index.tsx
View File

@@ -132,11 +132,13 @@ function Apbdes() {
{/* Tabel & Grafik - Hanya tampilkan jika ada data */} {/* Tabel & Grafik - Hanya tampilkan jika ada data */}
{currentApbdes && currentApbdes.items?.length > 0 ? ( {currentApbdes && currentApbdes.items?.length > 0 ? (
<SimpleGrid cols={{ base: 1, sm: 3 }}> <Box px={{ base: 'md', md: 100 }}>
<PaguTable apbdesData={currentApbdes} /> <SimpleGrid cols={{ base: 1, sm: 3 }}>
<RealisasiTable apbdesData={currentApbdes} /> <PaguTable apbdesData={currentApbdes} />
<GrafikRealisasi apbdesData={currentApbdes} /> <RealisasiTable apbdesData={currentApbdes} />
</SimpleGrid> <GrafikRealisasi apbdesData={currentApbdes} />
</SimpleGrid>
</Box>
) : currentApbdes ? ( ) : currentApbdes ? (
<Box px={{ base: 'md', md: 100 }} py="md"> <Box px={{ base: 'md', md: 100 }} py="md">
<Text fz="sm" c="dimmed" ta="center" lh={1.5}> <Text fz="sm" c="dimmed" ta="center" lh={1.5}>

14
src/app/darmasaba/_com/main-page/apbdes/lib/grafikRealisasi.tsx
View File

@@ -105,7 +105,13 @@ export default function GrafikRealisasi({ apbdesData }: any) {
GRAFIK REALISASI APBDes {tahun} GRAFIK REALISASI APBDes {tahun}
</Title> </Title>
{/* Summary Total Keseluruhan */} <Stack gap="lg">
<Summary title="💰 Pendapatan" data={pendapatan} />
<Summary title="💸 Belanja" data={belanja} />
<Summary title="📊 Pembiayaan" data={pembiayaan} />
</Stack>
{/* Summary Total Keseluruhan */}
<Box mb="lg" p="md" bg="gray.0"> <Box mb="lg" p="md" bg="gray.0">
<Group justify="space-between" mb="xs"> <Group justify="space-between" mb="xs">
<Text fw={700} fz="lg">TOTAL KESELURUHAN</Text> <Text fw={700} fz="lg">TOTAL KESELURUHAN</Text>
@@ -123,12 +129,6 @@ export default function GrafikRealisasi({ apbdesData }: any) {
color={persenSemua >= 100 ? 'teal' : persenSemua >= 80 ? 'blue' : 'red'} color={persenSemua >= 100 ? 'teal' : persenSemua >= 80 ? 'blue' : 'red'}
/> />
</Box> </Box>
<Stack gap="lg">
<Summary title="💰 Pendapatan" data={pendapatan} />
<Summary title="💸 Belanja" data={belanja} />
<Summary title="📊 Pembiayaan" data={pembiayaan} />
</Stack>
</Paper> </Paper>
); );
} }