diff --git a/src/app/(application)/division/page.tsx b/src/app/(application)/division/page.tsx
index 352e47e..6217ab5 100644
--- a/src/app/(application)/division/page.tsx
+++ b/src/app/(application)/division/page.tsx
@@ -1,4 +1,5 @@
-import { ViewDivision } from '@/module/new_division';
+
+import { ViewDivision } from '@/module/division_new';
import React from 'react';
function Page() {
diff --git a/src/module/division_new/components/ui/drawer_division.tsx b/src/module/division_new/components/ui/drawer_division.tsx
new file mode 100644
index 0000000..4a194dd
--- /dev/null
+++ b/src/module/division_new/components/ui/drawer_division.tsx
@@ -0,0 +1,46 @@
+"use client"
+import { WARNA } from '@/module/_global';
+import { Box, Flex, SimpleGrid, Stack, Text } from '@mantine/core';
+import { useRouter } from 'next/navigation';
+import React, { useState } from 'react';
+import { HiOutlineFilter } from 'react-icons/hi';
+import { IoAddCircle } from 'react-icons/io5';
+import { TbReportAnalytics } from "react-icons/tb";
+
+export default function DrawerDivision() {
+ const router = useRouter()
+ return (
+
+
+
+ ""} justify={'center'} align={'center'} direction={'column'} >
+
+
+
+
+ Tambah Proyek
+
+
+ ""} justify={'center'} align={'center'} direction={'column'} >
+
+
+
+
+ Filter
+
+
+ ""} justify={'center'} align={'center'} direction={'column'} >
+
+
+
+
+ Report
+
+
+
+
+
+ );
+}
diff --git a/src/module/division_new/components/ui/navbar_division.tsx b/src/module/division_new/components/ui/navbar_division.tsx
new file mode 100644
index 0000000..b45b26d
--- /dev/null
+++ b/src/module/division_new/components/ui/navbar_division.tsx
@@ -0,0 +1,160 @@
+'use client'
+import { LayoutDrawer, LayoutNavbarNew, WARNA } from '@/module/_global';
+import { ActionIcon, Avatar, Box, Card, Center, Divider, Flex, Grid, Group, Text, TextInput, Title } from '@mantine/core';
+import { useRouter } from 'next/navigation';
+import React, { useState } from 'react';
+import { HiMenu } from 'react-icons/hi';
+import { HiMagnifyingGlass, HiMiniPresentationChartBar, HiMiniUserGroup, HiOutlineListBullet, HiSquares2X2 } from 'react-icons/hi2';
+import { MdAccountCircle } from 'react-icons/md';
+import DrawerDivision from './drawer_division';
+
+const dataDivisi = [
+ {
+ id: 1,
+ title: 'DIVISI 1',
+ description: 'Tempat berkumpul semua anggota / staff perbekal darmasaba',
+ },
+ {
+ id: 2,
+ title: 'DIVISI 2',
+ description: 'Tempat berkumpul semua anggota / staff perbekal darmasaba',
+ },
+ {
+ id: 3,
+ title: 'DIVISI 3',
+ description: 'Tempat berkumpul semua anggota / staff perbekal darmasaba',
+ },
+ {
+ id: 4,
+ title: 'DIVISI 4',
+ description: 'Tempat berkumpul semua anggota / staff perbekal darmasaba',
+ },
+ {
+ id: 5,
+ title: 'DIVISI5',
+ description: 'Tempat berkumpul semua anggota / staff perbekal darmasaba',
+ },
+ {
+ id: 6,
+ title: 'DIVISI 6',
+ description: 'Tempat berkumpul semua anggota / staff perbekal darmasaba',
+ },
+]
+
+export default function NavbarDivision() {
+ const [isList, setIsList] = useState(false)
+ const router = useRouter()
+ const [openDrawer, setOpenDrawer] = useState(false)
+
+ const handleList = () => {
+ setIsList(!isList)
+ }
+
+ return (
+
+ (setOpenDrawer(true))} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
+
+ } />
+
+
+
+ }
+ placeholder="Pencarian"
+ />
+
+
+
+ {isList ? (
+
+ ) : (
+
+ )}
+
+
+
+
+
+ Total Divisi
+
+ 35
+
+
+
+ {isList ? (
+
+ {dataDivisi.map((v, i) => {
+ return (
+
+ router.push(``)}>
+
+
+
+
+
+
+ {v.title}
+
+
+
+
+ );
+ })}
+
+ ) : (
+
+ {dataDivisi.map((v, i) => {
+ return (
+
+ router.push(`/project/${v.id}`)}>
+
+
+
+ {v.title}
+
+
+
+
+ {v.description}
+
+
+
+
+
+ +5
+
+
+
+
+
+ );
+ })}
+
+ )}
+
+ setOpenDrawer(false)}>
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/module/new_division/index.ts b/src/module/division_new/index.ts
similarity index 100%
rename from src/module/new_division/index.ts
rename to src/module/division_new/index.ts
diff --git a/src/module/new_division/view/view_division.tsx b/src/module/division_new/view/view_division.tsx
similarity index 50%
rename from src/module/new_division/view/view_division.tsx
rename to src/module/division_new/view/view_division.tsx
index 5b7fdfa..c35d03c 100644
--- a/src/module/new_division/view/view_division.tsx
+++ b/src/module/division_new/view/view_division.tsx
@@ -1,10 +1,9 @@
import React from 'react';
+import NavbarDivision from '../components/ui/navbar_division';
export default function ViewDivision() {
return (
-
- ViewDivision
-
+
);
}