diff --git a/src/module/_global/index.ts b/src/module/_global/index.ts
index e4c5267..ef95e3c 100644
--- a/src/module/_global/index.ts
+++ b/src/module/_global/index.ts
@@ -5,8 +5,6 @@ import LoadingPage from "./layout/layout_loading_page";
 import LayoutLogin from "./layout/layout_login";
 import LayoutNavbarHome from "./layout/layout_navbar_home";
 import LayoutNavbarNew from "./layout/layout_navbar_new";
-import { isDrawer } from "./val/isDrawer";
-import { isModal } from "./val/isModal";
 
 export { WARNA }
 export { LayoutLogin }
@@ -14,6 +12,4 @@ export { LayoutNavbarHome }
 export { LayoutIconBack }
 export { LoadingPage }
 export { LayoutDrawer }
-export { isDrawer }
-export { isModal }
 export { LayoutNavbarNew }
\ No newline at end of file
diff --git a/src/module/_global/layout/layout_modal.tsx b/src/module/_global/layout/layout_modal.tsx
index 650b46e..efec057 100644
--- a/src/module/_global/layout/layout_modal.tsx
+++ b/src/module/_global/layout/layout_modal.tsx
@@ -1,11 +1,8 @@
-import { useHookstate } from '@hookstate/core';
 import { Box, Button, Flex, Modal, Text } from '@mantine/core';
 import React, { useState } from 'react';
 import { BsQuestionCircleFill } from 'react-icons/bs';
-import { isModal } from '../val/isModal';
 
 export default function LayoutModal({ opened, onClose, description, onYes }: { opened: boolean, onClose: () => void, description: string, onYes: (val: boolean) => void }) {
-  const openModal = useHookstate(isModal)
   const [isValModal, setValModal] = useState(opened)
   return (
     <Modal styles={{
diff --git a/src/module/_global/val/isDrawer.ts b/src/module/_global/val/isDrawer.ts
deleted file mode 100644
index e8d4ad7..0000000
--- a/src/module/_global/val/isDrawer.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-'use client'
-import { hookstate } from '@hookstate/core';
-
-export const isDrawer = hookstate(false)
diff --git a/src/module/_global/val/isModal.ts b/src/module/_global/val/isModal.ts
deleted file mode 100644
index df233bc..0000000
--- a/src/module/_global/val/isModal.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-'use client'
-import { hookstate } from '@hookstate/core';
-
-export const isModal = hookstate(false)
\ No newline at end of file
diff --git a/src/module/announcement/component/list_announcement.tsx b/src/module/announcement/component/list_announcement.tsx
index c1317a6..3c34fd9 100644
--- a/src/module/announcement/component/list_announcement.tsx
+++ b/src/module/announcement/component/list_announcement.tsx
@@ -1,6 +1,6 @@
 'use client'
-import { isDrawer, LayoutDrawer, WARNA } from '@/module/_global';
-import { ActionIcon, Anchor, Box, Group, Text, TextInput } from '@mantine/core';
+import { WARNA } from '@/module/_global';
+import { ActionIcon, Box, Group, Text, TextInput } from '@mantine/core';
 import React from 'react';
 import { TfiAnnouncement } from "react-icons/tfi";
 import { HiMagnifyingGlass } from 'react-icons/hi2';
diff --git a/src/module/announcement/component/ui/navbar_announcement.tsx b/src/module/announcement/component/ui/navbar_announcement.tsx
index 2543f6d..f16e2d6 100644
--- a/src/module/announcement/component/ui/navbar_announcement.tsx
+++ b/src/module/announcement/component/ui/navbar_announcement.tsx
@@ -1,14 +1,13 @@
 "use client"
-import { isDrawer, LayoutDrawer, LayoutNavbarNew, WARNA } from '@/module/_global';
+import { LayoutDrawer, LayoutNavbarNew, WARNA } from '@/module/_global';
 import { ActionIcon } from '@mantine/core';
 import React, { useState } from 'react';
 import { HiMenu } from "react-icons/hi";
-import { useHookstate } from '@hookstate/core';
 import DrawerAnnouncement from './drawer_announcement';
 
 export default function NavbarAnnouncement() {
-  const openDrawer = useHookstate(isDrawer)
   const [isOpen, setOpen] = useState(false)
+
   return (
     <>
       <LayoutNavbarNew back='/home' title='pengumuman'
diff --git a/src/module/position/component/ui/drawer_detail_position.tsx b/src/module/position/component/ui/drawer_detail_position.tsx
index 3c4a5d3..315337b 100644
--- a/src/module/position/component/ui/drawer_detail_position.tsx
+++ b/src/module/position/component/ui/drawer_detail_position.tsx
@@ -1,10 +1,7 @@
-import { isDrawer, LayoutDrawer, WARNA } from "@/module/_global"
+import { LayoutDrawer, WARNA } from "@/module/_global"
 import LayoutModal from "@/module/_global/layout/layout_modal"
-import { useHookstate } from "@hookstate/core"
 import { Box, Stack, SimpleGrid, Flex, Text, Select, TextInput, Button } from "@mantine/core"
-import router from "next/router"
 import { useState } from "react"
-import toast from "react-hot-toast"
 import { FaPencil } from "react-icons/fa6"
 import { ImUserCheck } from "react-icons/im"
 
diff --git a/src/module/position/component/ui/drawer_list_position.tsx b/src/module/position/component/ui/drawer_list_position.tsx
index f4282b8..6270588 100644
--- a/src/module/position/component/ui/drawer_list_position.tsx
+++ b/src/module/position/component/ui/drawer_list_position.tsx
@@ -1,4 +1,4 @@
-import { isDrawer, WARNA, LayoutDrawer } from "@/module/_global";
+import { WARNA, LayoutDrawer } from "@/module/_global";
 import { Box, Stack, SimpleGrid, Flex, TextInput, Button, Text, Select } from "@mantine/core";
 import { useState } from "react";
 import { IoAddCircle } from "react-icons/io5";
diff --git a/src/module/position/component/ui/list_position_active.tsx b/src/module/position/component/ui/list_position_active.tsx
index f862e6e..46db1f1 100644
--- a/src/module/position/component/ui/list_position_active.tsx
+++ b/src/module/position/component/ui/list_position_active.tsx
@@ -1,4 +1,4 @@
-import { isDrawer, LayoutDrawer, WARNA } from '@/module/_global';
+import { LayoutDrawer, WARNA } from '@/module/_global';
 import { ActionIcon, Box, Group, Text, TextInput } from '@mantine/core';
 import React, { useState } from 'react';
 import { FaUserTie } from 'react-icons/fa6';
@@ -44,6 +44,7 @@ const dataGroup = [
 export default function ListPositionActive() {
   const [openDrawer, setOpenDrawer] = useState(false)
   const [isData, setData] = useState("")
+
   return (
     <Box pt={20}>
       <TextInput
diff --git a/src/module/position/component/ui/list_position_nonactive.tsx b/src/module/position/component/ui/list_position_nonactive.tsx
index 92072b4..de941fc 100644
--- a/src/module/position/component/ui/list_position_nonactive.tsx
+++ b/src/module/position/component/ui/list_position_nonactive.tsx
@@ -1,4 +1,4 @@
-import { isDrawer, LayoutDrawer, WARNA } from '@/module/_global';
+import { LayoutDrawer, WARNA } from '@/module/_global';
 import { ActionIcon, Box, Group, Text, TextInput } from '@mantine/core';
 import React, { useState } from 'react';
 import { FaUserTie } from 'react-icons/fa6';
@@ -44,6 +44,7 @@ const dataGroup = [
 export default function ListPositionNonActive() {
    const [openDrawer, setOpenDrawer] = useState(false)
    const [isData, setData] = useState("")
+
    return (
       <Box pt={20}>
          <TextInput
diff --git a/src/module/project/components/ui/navbar_project.tsx b/src/module/project/components/ui/navbar_project.tsx
index 33224be..8f329c3 100644
--- a/src/module/project/components/ui/navbar_project.tsx
+++ b/src/module/project/components/ui/navbar_project.tsx
@@ -1,6 +1,5 @@
 "use client"
-import { isDrawer, LayoutDrawer, LayoutNavbarNew, WARNA } from '@/module/_global';
-import { useHookstate } from '@hookstate/core';
+import { LayoutDrawer, LayoutNavbarNew, WARNA } from '@/module/_global';
 import { ActionIcon, Avatar, Badge, Box, Card, Center, Divider, Flex, Grid, Group, Text, TextInput, Title } from '@mantine/core';
 import React, { useState } from 'react';
 import { HiMenu } from 'react-icons/hi';
diff --git a/src/module/user/member/component/list_member.tsx b/src/module/user/member/component/list_member.tsx
index 5a74c26..af90fd7 100644
--- a/src/module/user/member/component/list_member.tsx
+++ b/src/module/user/member/component/list_member.tsx
@@ -1,6 +1,6 @@
 'use client'
-import { isDrawer, LayoutDrawer, WARNA } from '@/module/_global';
-import { ActionIcon, Anchor, Box, Group, Text, TextInput } from '@mantine/core';
+import { WARNA } from '@/module/_global';
+import { ActionIcon, Box, Group, Text, TextInput } from '@mantine/core';
 import React from 'react';
 import { HiMagnifyingGlass, HiMiniUser } from 'react-icons/hi2';
 import { useRouter } from 'next/navigation';
diff --git a/src/module/user/member/component/ui/drawer_detail_member.tsx b/src/module/user/member/component/ui/drawer_detail_member.tsx
index 14487e0..22c4b37 100644
--- a/src/module/user/member/component/ui/drawer_detail_member.tsx
+++ b/src/module/user/member/component/ui/drawer_detail_member.tsx
@@ -1,7 +1,6 @@
 'use client'
-import { isDrawer, WARNA } from "@/module/_global";
+import { WARNA } from "@/module/_global";
 import LayoutModal from "@/module/_global/layout/layout_modal";
-import { useHookstate } from "@hookstate/core";
 import { Box, Flex, SimpleGrid, Stack, Text } from "@mantine/core";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
diff --git a/src/module/user/member/component/ui/drawer_list_member.tsx b/src/module/user/member/component/ui/drawer_list_member.tsx
index 97948f9..0715ad2 100644
--- a/src/module/user/member/component/ui/drawer_list_member.tsx
+++ b/src/module/user/member/component/ui/drawer_list_member.tsx
@@ -1,18 +1,13 @@
-import { isDrawer, LayoutDrawer, WARNA } from '@/module/_global';
-import { useHookstate } from '@hookstate/core';
-import { Box, Button, Center, Flex, Group, SimpleGrid, Stack, Text, TextInput } from '@mantine/core';
+import { WARNA } from '@/module/_global';
+import { Box, Flex, SimpleGrid, Stack, Text } from '@mantine/core';
 import { useRouter } from 'next/navigation';
 import React, { useState } from 'react';
 import { IoAddCircle } from "react-icons/io5";
 import { RiFilter2Line } from 'react-icons/ri';
 
 export default function DrawerListMember() {
-   const openDrawer = useHookstate(isDrawer)
    const router = useRouter()
 
-   function onCLose() {
-      openDrawer.set(false)
-   }
    return (
       <Box>
          <Stack pt={10}>
@@ -20,9 +15,11 @@ export default function DrawerListMember() {
                cols={{ base: 3, sm: 3, lg: 3 }}
             >
                <Flex justify={'center'} align={'center'} direction={'column'}
+                  style={{
+                     cursor: 'pointer'
+                  }}
                   onClick={() => {
                      router.push('/member/create')
-                     onCLose()
                   }}
                >
                   <Box>
@@ -33,7 +30,9 @@ export default function DrawerListMember() {
                   </Box>
                </Flex>
 
-               <Flex justify={'center'} align={'center'} direction={'column'} >
+               <Flex justify={'center'} align={'center'} direction={'column'}
+                  style={{ cursor: 'pointer' }}
+               >
                   <Box>
                      <RiFilter2Line size={30} color={WARNA.biruTua} />
                   </Box>
diff --git a/src/module/user/member/view/view_detail_member.tsx b/src/module/user/member/view/view_detail_member.tsx
index bdacf97..7446d17 100644
--- a/src/module/user/member/view/view_detail_member.tsx
+++ b/src/module/user/member/view/view_detail_member.tsx
@@ -1,9 +1,5 @@
-import { LayoutNavbarHome, LayoutIconBack, WARNA, LayoutDrawer, isDrawer } from "@/module/_global";
-import { useHookstate } from "@hookstate/core";
-import { ActionIcon, Box, Group, Stack, Text } from "@mantine/core";
+import {  Box, Group, Text } from "@mantine/core";
 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";
diff --git a/src/module/user/profile/view/view_edit_profile.tsx b/src/module/user/profile/view/view_edit_profile.tsx
index f877051..4f93b49 100644
--- a/src/module/user/profile/view/view_edit_profile.tsx
+++ b/src/module/user/profile/view/view_edit_profile.tsx
@@ -1,13 +1,7 @@
-
-import { isModal, WARNA } from "@/module/_global";
-import { Box, Button, Modal, Stack, TextInput } from "@mantine/core";
-import HeaderEditProfile from "../component/ui/header_edit_profile";
-import { HiUser } from "react-icons/hi2";
-import { useHookstate } from "@hookstate/core";
 import EditProfile from "../component/edit_profile";
 
 export default function ViewEditProfile() {
    return (
-      <EditProfile/>
+      <EditProfile />
    )
 }
\ No newline at end of file