style : update style and components

Deskripsi:
- update global
- update division
- update home
- update project
- update user
- add component natification
- add component reload

No Issue

src/module/_global/components/notification_custome.tsx

@@ -3,9 +3,12 @@ import { Box, Center, Flex, Grid, rem, Text, Transition } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import React, { useState } from 'react';
 import { IoCloseOutline, IoNotifications } from 'react-icons/io5';
+import { TEMA } from '../bin/val_global';
+import { useHookstate } from '@hookstate/core';
 
-export default function NotificationCustome({ onClose, title, desc, bg, color, onClick, borderColor }: { onClose: () => void, title: string, desc: string, bg: string, color: string, onClick: () => void, borderColor: string }) {
+export default function NotificationCustome({ onClose, title, desc, onClick }: { onClose: () => void, title: string, desc: string, onClick: () => void, }) {
   const [opened, setOpened] = useState(false);
+  const tema = useHookstate(TEMA)
 
   useShallowEffect(() => {
     const timer = setTimeout(() => {
@@ -49,23 +52,23 @@ export default function NotificationCustome({ onClose, title, desc, bg, color, o
               <Box p={rem(15)} w={"100%"} h={rem(85)} style={{
                 maxWidth: rem(450),
                 zIndex: 999,
-                backgroundColor: bg,
+                backgroundColor: "#ffffff",
                 borderRadius: 15,
-                border: `1px solid ${borderColor}`
+                border: `1px solid ${tema.get().bgTotalKegiatan}`
               }} onClick={onClick}>
                 <Grid>
                   <Grid.Col span={2}>
-                  <Flex justify={'center'} align={"center"}h={"100%"} >
-                    <IoNotifications color={color} size={30}/>
+                    <Flex justify={'center'} align={"center"} h={"100%"} >
+                      <IoNotifications color={tema.get().utama} size={30} />
                     </Flex>
                   </Grid.Col>
                   <Grid.Col span={8}>
-                    <Text c={color} fw={"bold"} lineClamp={1}>{title}</Text>
-                    <Text c={color} lineClamp={1}>{desc}</Text>
+                    <Text fw={"bold"} lineClamp={1}>{title}</Text>
+                    <Text lineClamp={1}>{desc}</Text>
                   </Grid.Col>
                   <Grid.Col span={2}>
-                    <Flex justify={'center'} align={"center"}h={"100%"} >
-                    <IoCloseOutline onClick={reloadData} color={color} size={25}/>
+                    <Flex justify={'center'} align={"center"} h={"100%"} >
+                      <IoCloseOutline onClick={reloadData} size={25} />
                     </Flex>
                   </Grid.Col>
                 </Grid>

src/module/_global/components/reload_button_top.tsx

@@ -1,11 +1,14 @@
 "use client"
+import { useHookstate } from '@hookstate/core';
 import { Button, Center, Transition } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import React, { useState } from 'react';
 import { IoReload } from 'react-icons/io5';
+import { TEMA } from '../bin/val_global';
 
 export default function ReloadButtonTop({ onReload, title }: { onReload: () => void, title: string }) {
   const [opened, setOpened] = useState(false);
+  const tema = useHookstate(TEMA)
 
   useShallowEffect(() => {
     const timer = setTimeout(() => {
@@ -40,7 +43,9 @@ export default function ReloadButtonTop({ onReload, title }: { onReload: () => v
                 alignItems: 'center',
               }}
             >
-              <Button leftSection={<IoReload/>} onClick={reloadData} radius={"lg"}>{title}</Button>
+              <Button style={{
+                border: `1px solid ${tema.get().bgTotalKegiatan}`
+              }} leftSection={<IoReload/>} bg={"white"} c={tema.get().utama} onClick={reloadData} radius={"lg"}>{title}</Button>
             </div>
           )}
         </Transition>

src/module/home/ui/view_home.tsx

@@ -25,23 +25,20 @@ export default function ViewHome() {
           <IconNavbar />
         </Group>
       </LayoutNavbarHome>
-      {/* <ReloadButtonTop
+      <ReloadButtonTop
         onReload={
           () => {
             ''
           }
         }
         title='UPDATE'
-      /> */}
-      <NotificationCustome
-        color='#FFFFFFFF'
-        bg='#0A2295FF'
-        borderColor={"#7CBBEFFF"}
+      />
+      {/* <NotificationCustome
         title='Pengumuman'
         desc='Pengumuman Upacara bendera Upacara bendera Upacara bendera Upacara bendera Upacara bendera'
         onClick={() => {''}}
         onClose={() => {''}}
-      />
+      /> */}
       <Box p={20}>
         <Stack >
           <Carosole />