diff --git a/src/app/(application)/member/edit/[id]/page.tsx b/src/app/(application)/member/edit/[id]/page.tsx
new file mode 100644
index 0000000..70f69d9
--- /dev/null
+++ b/src/app/(application)/member/edit/[id]/page.tsx
@@ -0,0 +1,9 @@
+import { ViewEditMember } from "@/module/user/member";
+
+function Page() {
+ return (
+
+ )
+}
+
+export default Page;
\ No newline at end of file
diff --git a/src/module/user/member/component/ui/drawer_detail_member.tsx b/src/module/user/member/component/ui/drawer_detail_member.tsx
new file mode 100644
index 0000000..9236925
--- /dev/null
+++ b/src/module/user/member/component/ui/drawer_detail_member.tsx
@@ -0,0 +1,44 @@
+'use client'
+import { isDrawer, WARNA } from "@/module/_global";
+import { useHookstate } from "@hookstate/core";
+import { Box, Flex, SimpleGrid, Stack, Text } from "@mantine/core";
+import { useRouter } from "next/navigation";
+import { FaPencil } from "react-icons/fa6";
+import { ImUserCheck } from "react-icons/im";
+
+export default function DrawerDetailMember() {
+ const router = useRouter()
+ const openDrawer = useHookstate(isDrawer)
+ return (
+
+
+
+
+
+
+
+
+ Status
+
+
+
+ {
+ router.push('/member/edit/123')
+ openDrawer.set(false)
+ }}
+ >
+
+
+
+
+ Edit
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/module/user/member/component/ui/navbar_detail_member.tsx b/src/module/user/member/component/ui/navbar_detail_member.tsx
new file mode 100644
index 0000000..6f7f4b1
--- /dev/null
+++ b/src/module/user/member/component/ui/navbar_detail_member.tsx
@@ -0,0 +1,35 @@
+'use client'
+import { LayoutNavbarHome, LayoutIconBack, WARNA, LayoutDrawer, isDrawer } from "@/module/_global";
+import { useHookstate } from "@hookstate/core";
+import { Box, Group, ActionIcon, Stack, Text } from "@mantine/core";
+import { HiMenu } from "react-icons/hi";
+import { HiUser } from "react-icons/hi2";
+import DrawerDetailMember from "./drawer_detail_member";
+
+export default function NavbarDetailMember() {
+ const openDrawer = useHookstate(isDrawer)
+ return (
+
+
+
+
+ {openDrawer.set(true)}} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Info">
+
+
+
+
+
+ Fibra Marcell
+ Kepala Urusan Pengembangan
+
+
+ openDrawer.set(false)}>
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/module/user/member/component/ui/navbar_edit_member.tsx b/src/module/user/member/component/ui/navbar_edit_member.tsx
new file mode 100644
index 0000000..08ff5c5
--- /dev/null
+++ b/src/module/user/member/component/ui/navbar_edit_member.tsx
@@ -0,0 +1,23 @@
+'use client'
+import { LayoutIconBack, LayoutNavbarHome } from '@/module/_global';
+import { Box, Grid, Text } from '@mantine/core';
+import React from 'react';
+
+export default function NavbarEditMember() {
+ return (
+
+
+
+
+
+
+
+ Edit Anggota
+
+
+
+
+
+ );
+}
+
diff --git a/src/module/user/member/index.ts b/src/module/user/member/index.ts
index 64962ea..932f79f 100644
--- a/src/module/user/member/index.ts
+++ b/src/module/user/member/index.ts
@@ -1,7 +1,9 @@
import ViewCreateMember from "./view/view_create_member";
import ViewDetailMember from "./view/view_detail_member";
+import ViewEditMember from "./view/view_edit_member";
import ViewListMember from "./view/view_list_member";
export { ViewListMember }
export { ViewCreateMember }
-export { ViewDetailMember }
\ No newline at end of file
+export { ViewDetailMember }
+export { ViewEditMember }
\ No newline at end of file
diff --git a/src/module/user/member/view/view_detail_member.tsx b/src/module/user/member/view/view_detail_member.tsx
index a282569..bdacf97 100644
--- a/src/module/user/member/view/view_detail_member.tsx
+++ b/src/module/user/member/view/view_detail_member.tsx
@@ -1,31 +1,17 @@
-import { LayoutNavbarHome, LayoutIconBack, WARNA } from "@/module/_global";
+import { LayoutNavbarHome, LayoutIconBack, WARNA, LayoutDrawer, isDrawer } from "@/module/_global";
+import { useHookstate } from "@hookstate/core";
import { ActionIcon, Box, Group, Stack, Text } from "@mantine/core";
-import { BsInfo } from "react-icons/bs";
import { FaSquarePhone } from "react-icons/fa6";
+import { HiMenu } from "react-icons/hi";
import { HiUser } from "react-icons/hi2";
import { MdEmail } from "react-icons/md";
import { RiIdCardFill } from "react-icons/ri";
+import NavbarDetailMember from "../component/ui/navbar_detail_member";
export default function ViewDetailMember({ data }: { data: string }) {
return (
-
-
-
-
-
-
-
-
-
- Fibra Marcell
- Kepala Urusan Pengembangan
-
-
+
@@ -48,7 +34,6 @@ export default function ViewDetailMember({ data }: { data: string }) {
marcel@gmail.com
-
)
diff --git a/src/module/user/member/view/view_edit_member.tsx b/src/module/user/member/view/view_edit_member.tsx
new file mode 100644
index 0000000..6795d97
--- /dev/null
+++ b/src/module/user/member/view/view_edit_member.tsx
@@ -0,0 +1,77 @@
+import { WARNA } from "@/module/_global";
+import { Box, Stack, TextInput, Button } from "@mantine/core";
+import { HiUser } from "react-icons/hi2";
+import NavbarEditMember from "../component/ui/navbar_edit_member";
+
+export default function ViewEditMember() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
\ No newline at end of file