Senin, 26 May 2025 :

Yang Sudah Di Kerjakan
* Tampilan UI Admin di menu ekonomi
* API Create, dan delete berita

Yang Akan Dikerjakan:
* API Di Menu Desa : Edit Berita
* Tampilan UI Admin Di Menu Inovasi

src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx

@@ -1,10 +1,30 @@
-import React from 'react';
+import colors from '@/con/colors';
+import { Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import ProgramKemiskinan from './ui/program/page';
+import StatistikKemiskinan from './ui/statistik/page';
 
 function Page() {
   return (
-    <div>
-      program-kemiskinan
-    </div>
+    <Stack>
+      <Title order={3}>Program Kemiskinan</Title>
+      <Tabs color={colors['blue-button']} variant='pills' defaultValue={"Program Kemiskinan"}>
+        <TabsList p={"xs"} bg={"#BBC8E7FF"}>
+          <TabsTab value="Program Kemiskinan">
+            Program Kemiskinan
+          </TabsTab>
+          <TabsTab value="Statistik Kemiskinan">
+            Statistik Kemiskinan
+          </TabsTab>
+        </TabsList>
+
+        <TabsPanel value="Program Kemiskinan">
+          <ProgramKemiskinan />
+        </TabsPanel>
+        <TabsPanel value="Statistik Kemiskinan">
+          <StatistikKemiskinan />
+        </TabsPanel>
+      </Tabs>
+    </Stack>
   );
 }
 

src/app/admin/(dashboard)/ekonomi/program-kemiskinan/ui/program/page.tsx

@@ -0,0 +1,43 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core';
+import React from 'react';
+
+function ProgramKemiskinan() {
+  return (
+    <Box py={15}>
+      <SimpleGrid cols={{base: 1, md: 2}}>
+        <Box>
+        <Paper p={"md"} bg={colors['white-1']}>
+        <Stack gap={"xs"}>
+          <Title order={3}>Program Kemiskinan</Title>
+          <TextInput
+            label={<Text fz={"sm"} fw={"bold"}>Nama Program</Text>}
+            placeholder="Masukkan nama program"
+          />
+          <TextInput
+            label={<Text fz={"sm"} fw={"bold"}>Deskripsi Program</Text>}
+            placeholder="Masukkan deskripsi program"
+          />
+          <Group>
+            <Button
+              bg={colors['blue-button']}
+            >
+              Submit
+            </Button>
+          </Group>
+        </Stack>
+      </Paper>
+        </Box>
+        <Box>
+          <Paper p={"md"} bg={colors['white-1']}>
+            <Stack gap={"xs"}>
+              <Title order={3}>List Data Program Kemiskinan</Title>
+            </Stack>
+          </Paper>
+        </Box>
+      </SimpleGrid>
+    </Box>
+  );
+}
+
+export default ProgramKemiskinan;

src/app/admin/(dashboard)/ekonomi/program-kemiskinan/ui/statistik/page.tsx

@@ -0,0 +1,43 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import React from 'react';
+
+function StatistikKemiskinan() {
+  return (
+    <Box py={15}>
+      <Stack gap={"xs"}>
+        <Box>
+          <Paper w={{base: '100%', md: '50%'}} p={"md"} bg={colors['white-1']}>
+            <Stack gap={"xs"}>
+              <Title order={3}>Statistik Kemiskinan</Title>
+              <TextInput
+              label={<Text fz={"sm"} fw={"bold"}>Tahun</Text>}
+              placeholder="Masukkan tahun"
+              />
+              <TextInput
+              label={<Text fz={"sm"} fw={"bold"}>Jumlah Penduduk Miskin</Text>}
+              placeholder="Masukkan jumlah penduduk miskin"
+              />
+              <Group>
+                <Button
+                  bg={colors['blue-button']}
+                >
+                  Submit
+                </Button>
+              </Group>
+            </Stack>
+          </Paper>
+        </Box>
+        <Box>
+          <Paper p={"md"} bg={colors['white-1']}>
+            <Stack gap={"xs"}>
+              <Title order={3}>Statistik Kemiskinan</Title>
+            </Stack>
+          </Paper>
+        </Box>
+      </Stack>
+    </Box>
+  );
+}
+
+export default StatistikKemiskinan;