Files
sistem-desa-mandiri/src/module/announcement/component/ui/navbar_announcement.tsx
amel 17699e7b08 upd: tampilan
Deskripsi:
- update maxsidth drawer
- update maxwidth welcome page
- membuat drawer baru

No Issues
2024-07-08 14:24:44 +08:00

27 lines
994 B
TypeScript

"use client"
import { isDrawer, LayoutDrawer, LayoutIconBack, LayoutNavbarHome, LayoutNavbarNew, WARNA } from '@/module/_global';
import { ActionIcon, Box, Drawer, Grid, Group, Text } from '@mantine/core';
import { useRouter } from 'next/navigation';
import React 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)
return (
<>
<LayoutNavbarNew back='/home' title='pengumuman'
menu={
<ActionIcon onClick={() => openDrawer.set(true)} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
<HiMenu size={20} color='white' />
</ActionIcon>
} />
<LayoutDrawer opened={openDrawer.get()} title={'MENU'} onClose={() => openDrawer.set(false)}>
<DrawerAnnouncement />
</LayoutDrawer>
</>
);
}