feat(apbdes) grafik: add detailed percentage comparison
- Display percentage value prominently next to each category title - Add formatted currency (Rupiah) for better readability - Color-coded progress bars based on achievement level: * Teal: ≥100% (target tercapai) * Blue: ≥80% (baik) * Yellow: ≥60% (cukup) * Red: <60% (perlu perhatian) - Add contextual feedback messages based on percentage: * ✓ Achievement message for 100% * ⚡ Positive message for 80-99% * ⚠️ Warning messages for <80% - Add TOTAL KESELURUHAN summary section at the top - Add emoji icons for better visual distinction (💰 💸 📊) - Animated progress bars for <100% achievement Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
This commit is contained in:
@@ -132,11 +132,11 @@ function Apbdes() {
|
||||
|
||||
{/* Tabel & Grafik - Hanya tampilkan jika ada data */}
|
||||
{currentApbdes && currentApbdes.items?.length > 0 ? (
|
||||
<Stack gap="xl">
|
||||
<SimpleGrid cols={{ base: 1, sm: 3 }}>
|
||||
<PaguTable apbdesData={currentApbdes} />
|
||||
<RealisasiTable apbdesData={currentApbdes} />
|
||||
<GrafikRealisasi apbdesData={currentApbdes} />
|
||||
</Stack>
|
||||
</SimpleGrid>
|
||||
) : currentApbdes ? (
|
||||
<Box px={{ base: 'md', md: 100 }} py="md">
|
||||
<Text fz="sm" c="dimmed" ta="center" lh={1.5}>
|
||||
|
||||
Reference in New Issue
Block a user