Senin, 19 May 2025 :

Yang Sudah Di Kerjakan
- Tampilan UI Admin di menu kesehatan

Yang Akan Dikerjakan:
- API Di Menu Desa
- Tampilan UI Admin Di Menu Keamanan

src/app/admin/(dashboard)/desa/profile/ui/sejarah_desa/listPage.tsx

@@ -0,0 +1,17 @@
+import colors from '@/con/colors';
+import { Box, Paper, Stack, Title } from '@mantine/core';
+import React from 'react';
+
+function ListPage() {
+  return (
+    <Box>
+    <Paper bg={colors['white-1']} p={'md'}>
+      <Stack>
+        <Title order={3}>List Sejarah Desa</Title>
+      </Stack>
+    </Paper>
+  </Box>
+  );
+}
+
+export default ListPage;

src/app/admin/(dashboard)/desa/profile/ui/sejarah_desa/page.tsx

@@ -1,8 +1,31 @@
+'use client'
+import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile';
 import colors from '@/con/colors';
 import { Box, Button, Group, Paper, SimpleGrid, Stack, Text, Title } from '@mantine/core';
-import { DesaEditor } from '../../../_com/desaEditor';
+import { useProxy } from 'valtio/utils';
+import DesaEditorText from '../../../_com/desaEditorText';
+import ListPage from './listPage';
+import { useShallowEffect } from '@mantine/hooks';
+
 
 function SejarahDesa() {
+  const stateSejarah = useProxy(stateProfileDesa.Sejarah)
+
+  useShallowEffect(() => {
+    if (!stateSejarah.findById.data) {
+      stateSejarah.findById.initialize()
+    }
+  }, [])
+
+  const submit = () => {
+    if (stateSejarah.findById.data?.id && stateSejarah.findById.data.sejarah) {
+      stateSejarah.update.save({
+        id: stateSejarah.findById.data.id,
+        sejarah: stateSejarah.findById.data.sejarah
+      })
+    }
+  }
+
   return (
     <Box py={10}>
       <SimpleGrid cols={{ base: 1, md: 2 }}>
@@ -11,11 +34,21 @@ function SejarahDesa() {
             <Stack>
               <Title order={3}>Sejarah Desa</Title>
               <Text fw={"bold"}>Deskripsi Sejarah Desa</Text>
-              <DesaEditor showSubmit={false}/>
+              <DesaEditorText
+                key={stateSejarah.findById.data?.id ?? 'new'}
+                showSubmit={false}
+                onChange={(val) => {
+                  if (stateSejarah.findById.data) {
+                    stateSejarah.findById.data.sejarah = val
+                  }
+                }}
+                initialContent={stateSejarah.findById.data?.sejarah ?? ""}
+              />
               <Group>
                 <Button
                   mt={10}
                   bg={colors['blue-button']}
+                  onClick={submit}
                 >
                   Submit
                 </Button>
@@ -23,13 +56,7 @@ function SejarahDesa() {
             </Stack>
           </Paper>
         </Box>
-        <Box>
-          <Paper bg={colors['white-1']} p={'md'}>
-            <Stack>
-              <Title order={3}>List Sejarah Desa</Title>
-            </Stack>
-          </Paper>
-        </Box>
+        <ListPage />
       </SimpleGrid>
     </Box>
   );