UI Admin Menu Desa Sub Menu Profile

src/app/admin/(dashboard)/ppid/profile-ppid/biodata/page.tsx

@@ -1,18 +1,18 @@
 'use client'
 import { Box, Group, Text } from '@mantine/core';
-import React, { useState } from 'react';
+import { useState } from 'react';
 
+import ApiFetch from '@/lib/api-fetch';
+import { Dropzone, MIME_TYPES } from '@mantine/dropzone';
+import { IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
 import { useProxy } from 'valtio/utils';
 import stateProfilePPID from '../../../_state/ppid/profile_ppid/profile_PPID';
 import { PPIDTextEditor } from '../../_com/PPIDTextEditor';
-import { Dropzone, MIME_TYPES } from '@mantine/dropzone';
-import { IconUpload, IconX, IconPhoto } from '@tabler/icons-react';
-import ApiFetch from '@/lib/api-fetch';
-
 
 function Biodata() {
   const biodataState = useProxy(stateProfilePPID)
   const [loading, setLoading] = useState(false);
+  
   return (<Box>
     <Text fw={"bold"}>Biodata</Text>
     <Dropzone
@@ -55,6 +55,9 @@ function Biodata() {
         </div>
       </Group>
     </Dropzone>
+    
+    
+    
     <PPIDTextEditor
       key={biodataState.findById.data?.id ?? 'new'}
       showSubmit={false}
@@ -67,8 +70,7 @@ function Biodata() {
     />
    
   </Box>
-
   );
 }
 
-export default Biodata;
+export default Biodata;

src/app/admin/(dashboard)/ppid/profile-ppid/listPage.tsx

@@ -25,19 +25,16 @@ function ProfileList() {
         <Title order={3}>List Profile PPID</Title>
         {dataArray.map((item) => (
           <Box key={item.id}>
-            <Box>
-              <Text fw={"bold"}>Gambar</Text>
-              {item.imageUrl ? (
+            {item.imageUrl && (
+              <Box mb={20}>
+                <Text fw={"bold"} mb={5}>Preview Gambar:</Text>
                 <Image
                   src={item.imageUrl}
-                  alt="Foto Profil"
+                  alt="Profile"
                   w={200}
-                  radius="md"
                 />
-              ) : (
-                <Text c="dimmed">Belum ada foto</Text>
-              )}
-            </Box>
+              </Box>
+            )}
             <Box>
               <Text fw={"bold"}>Nama</Text>
               <Text dangerouslySetInnerHTML={{ __html: item.name }}></Text>