style : update module

Deskripsi:
- add global
- add users

No issue

src/module/_global/index.ts

@@ -5,6 +5,7 @@ import LoadingPage from "./layout/layout_loading_page";
 import LayoutLogin from "./layout/layout_login";
 import LayoutNavbarHome from "./layout/layout_navbar_home";
 import { isDrawer } from "./val/isDrawer";
+import { isModal } from "./val/isModal";
 
 export { WARNA }
 export { LayoutLogin }
@@ -12,4 +13,5 @@ export { LayoutNavbarHome }
 export { LayoutIconBack }
 export { LoadingPage }
 export { LayoutDrawer }
-export { isDrawer }
+export { isDrawer }
+export { isModal }

src/module/_global/layout/layout_modal.tsx

@@ -0,0 +1,30 @@
+import { useHookstate } from '@hookstate/core';
+import { Box, Button, Flex, Modal, Text } from '@mantine/core';
+import React 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)
+  return (
+    <Modal styles={{
+      body: {
+        margin: 10,
+      },
+      content: {
+        border: `2px solid ${'#828AFC'}`,
+        borderRadius: 10
+      }
+    }} opened={opened} onClose={onClose} withCloseButton={false} centered closeOnClickOutside={false}>
+      <Flex justify={"center"} align={"center"} direction={"column"}>
+        <BsQuestionCircleFill size={100} color="red" />
+        <Text mt={30} ta={"center"} fw={"bold"} fz={18}>{description}</Text>
+        <Box mt={30} w={'100%'}>
+          <Button mb={20} fullWidth size="lg" radius={'xl'} bg={'#4754F0'} onClick={() => onYes(true)}>YA</Button>
+          <Button fullWidth size="lg" radius={'xl'} bg={'#DCE1FE'} c={'#4754F0'} onClick={() => openModal.set(false)}>TIDAK</Button>
+        </Box>
+      </Flex>
+    </Modal>
+  );
+}
+

src/module/_global/val/isModal.ts

@@ -0,0 +1,4 @@
+'use client'
+import { hookstate } from '@hookstate/core';
+
+export const isModal = hookstate(false)