update : profile

Deskripsi:
- menghapus info
- mengganti variable global menjadi usestate
- mengganti layoutnavbar new

No Issues

src/module/user/profile/component/edit_profile.tsx

@@ -1,23 +1,24 @@
 "use client"
-import { isModal, WARNA } from "@/module/_global";
+import { LayoutNavbarNew, WARNA } from "@/module/_global";
 import { Box, Button, Flex, Modal, Stack, Text, TextInput } from "@mantine/core";
-import HeaderEditProfile from "../component/ui/header_edit_profile";
 import { HiUser } from "react-icons/hi2";
-import { useHookstate } from "@hookstate/core";
-import { BsQuestionCircleFill } from "react-icons/bs"
 import toast from "react-hot-toast";
 import LayoutModal from "@/module/_global/layout/layout_modal";
+import { useState } from "react";
 
 export default function EditProfile() {
-  const openModal = useHookstate(isModal)
+  const [isValModal, setValModal] = useState(false)
 
-  function onTrue() {
-    toast.success("Sukses! Data tersimpan");
-    openModal.set(false)
+  function onTrue(val: boolean) {
+    if (val) {
+      toast.success("Sukses! Data tersimpan");
+    }
+    setValModal(false)
   }
+
   return (
     <Box>
-      <HeaderEditProfile />
+      <LayoutNavbarNew back='' title='Edit Profil' menu='' />
       <Stack
         align="center"
         justify="center"
@@ -79,15 +80,15 @@ export default function EditProfile() {
           size="md"
           radius={30}
           fullWidth
-          onClick={() => openModal.set(true)}
+          onClick={() => setValModal(true)}
         >
           Simpan
         </Button>
       </Box>
-      <LayoutModal opened={openModal.get()} onClose={() => openModal.set(false)}
-        description="Apakah Anda Ingin Mengganti
-        Status Aktivasi Data?"
-        onYes={onTrue} />
+      <LayoutModal opened={isValModal} onClose={() => setValModal(false)}
+        description="Apakah Anda yakin ingin
+        melakukan perubahan data?"
+        onYes={(val) => { onTrue(val) }} />
     </Box>
   )
 }

src/module/user/profile/component/ui/header_edit_profile.tsx

@@ -1,21 +1,11 @@
 'use client'
-import { LayoutIconBack, LayoutNavbarHome } from '@/module/_global';
+import { LayoutIconBack, LayoutNavbarHome, LayoutNavbarNew } from '@/module/_global';
 import { Box, Grid, Text } from '@mantine/core';
 import React from 'react';
 
 export default function HeaderEditProfile() {
    return (
-         <LayoutNavbarHome>
-            <Grid justify='center' align='center'>
-               <Grid.Col span="auto">
-                  <LayoutIconBack />
-               </Grid.Col>
-               <Grid.Col span={6}>
-                  <Text ta={'center'} fw={'bold'} c={'white'}>EDIT PROFIL</Text>
-               </Grid.Col>
-               <Grid.Col span="auto"></Grid.Col>
-            </Grid>
-         </LayoutNavbarHome>
+      <LayoutNavbarNew back='' title='Edit Profil' menu='' />
    );
 }
 

src/module/user/profile/component/ui/ui_profile.tsx

@@ -8,7 +8,7 @@ export function InfoTitleProfile() {
    return (
       <Group justify="space-between" grow py={5}>
          <Text fw={'bold'} fz={20}>Informasi</Text>
-         <Text ta={"right"} c={"blue"} onClick={() => router.push('/profile/edit')}>Edit</Text>
+         <Text style={{ cursor: 'pointer' }} ta={"right"} c={"blue"} onClick={() => router.push('/profile/edit')}>Edit</Text>
       </Group>
    )
 }

src/module/user/profile/view/view_profile.tsx

@@ -13,9 +13,9 @@ export default function ViewProfile() {
          <LayoutNavbarHome>
             <Group justify="space-between">
                <LayoutIconBack />
-               <ActionIcon variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Info">
+               {/* <ActionIcon variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Info">
                   <BsInfo size={20} color='white' />
-               </ActionIcon>
+               </ActionIcon> */}
             </Group>
             <Stack
                align="center"