Files
sistem-desa-mandiri/src/module/announcement/component/ui/navbar_detail_announcement.tsx
amel f91dcc32de upd: pengumuman
Deskripsi:
- mengganti layout navbar terbaru
- mengganti global state menjadi local state
- memakai modal konfirmasi

NO Issues
2024-07-08 16:33:39 +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>
)
}