Files
sistem-desa-mandiri/src/module/announcement/ui/navbar_announcement.tsx
lukman cbdaac6319 style : update tema
Deskripsi:
- update global
- update announcement
- update update color palette
- update group
- update home
- update position
- update project
- update member

No Issue
2024-09-12 17:31:00 +08:00

31 lines
1.0 KiB
TypeScript

"use client"
import { globalRole, LayoutDrawer, LayoutNavbarNew, TEMA, WARNA } from '@/module/_global';
import { ActionIcon } from '@mantine/core';
import React, { useState } from 'react';
import { HiMenu } from "react-icons/hi";
import DrawerAnnouncement from './drawer_announcement';
import { useHookstate } from '@hookstate/core';
export default function NavbarAnnouncement() {
const [isOpen, setOpen] = useState(false)
const roleLogin = useHookstate(globalRole)
const tema = useHookstate(TEMA)
return (
<>
<LayoutNavbarNew back='/home' title='pengumuman'
menu={
(roleLogin.get() != "user" && roleLogin.get() != "coadmin") ?
<ActionIcon onClick={() => setOpen(true)} variant="light" bg={tema.get().bgIcon} size="lg" radius="lg" aria-label="Settings">
<HiMenu size={20} color='white' />
</ActionIcon>
: <></>
} />
<LayoutDrawer opened={isOpen} title={'Menu'} onClose={() => setOpen(false)}>
<DrawerAnnouncement />
</LayoutDrawer>
</>
);
}