Files
sistem-desa-mandiri/src/module/announcement/component/ui/navbar_detail_announcement.tsx
2024-07-09 17:13:27 +08:00

23 lines
945 B
TypeScript

'use client'
import { LayoutDrawer, LayoutNavbarNew, WARNA } from "@/module/_global";
import { ActionIcon, Box } from "@mantine/core";
import { HiMenu } from "react-icons/hi";
import DrawerDetailAnnouncement from "./drawer_detail_announcement";
import { useState } from "react";
export default function NavbarDetailAnnouncement() {
const [isOpenDrawer, setOpenDrawer] = useState(false)
return (
<Box>
<LayoutNavbarNew back="" title="Pengumuman"
menu={
<ActionIcon onClick={() => setOpenDrawer(true)} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
<HiMenu size={20} color='white' />
</ActionIcon>}
/>
<LayoutDrawer opened={isOpenDrawer} title={'Menu'} onClose={() => setOpenDrawer(false)}>
<DrawerDetailAnnouncement onDeleted={() => setOpenDrawer(false)} />
</LayoutDrawer>
</Box>
)
}