diff --git a/src/router/index.ts b/src/router/index.ts
index a9eb3ec..540394b 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -472,6 +472,56 @@ export const routes: RouteRecordRaw[] = [
           },
         ],
       },
+      {
+        path: 'material',
+        name: 'Material',
+        children: [
+          {
+            path: 'daftar',
+            name: 'Daftar',
+            children: [
+              {
+                path: '1',
+                name: 'Daftar Gangguan Dan Material Yang Dipakai',
+                component: TestPage,
+              },
+            ],
+          },
+          {
+            path: 'rekapitulasi',
+            name: 'Rekapitulasi',
+            children: [
+              {
+                path: '1',
+                name: 'Rekapitulasi Pemakaian Material',
+                component: TestPage,
+              },
+            ],
+          }
+        ],
+      },
+      {
+        path: 'transaksi',
+        name: 'Transaksi',
+        children: [
+          {
+            path: '1',
+            name: 'Transaksi APKT',
+            component: TestPage,
+          },
+        ],
+      },
+      {
+        path: 'pencarian-data',
+        name: 'Pencarian Data',
+        children: [
+          {
+            path: '1',
+            name: 'Pencarian Report Number',
+            component: TestPage,
+          }
+        ]
+      },
     ]
   },
   {
diff --git a/src/utils/route.ts b/src/utils/route.ts
index 31049eb..124b767 100644
--- a/src/utils/route.ts
+++ b/src/utils/route.ts
@@ -2,21 +2,27 @@
 import type { MenuItemModel } from '../types/menu'
 import type { RouteRecordRaw } from 'vue-router'
 import {
-    Gauge,
-    LightningSlash,
-    Monitor,
-    Plugs,
-    SmileySad,
-    Swap
+    IconBox,
+    IconFileSearch,
+    IconGauge,
+    IconLightningSlash,
+    IconMonitor,
+    IconPlugs,
+    IconSmileySad,
+    IconSwap,
+    IconWallet,
 } from '@/utils/icons'
 
 export const navigationIcon = [
-    LightningSlash,
-    SmileySad,
-    Monitor,
-    Swap,
-    Plugs,
-    Gauge
+    IconLightningSlash,
+    IconSmileySad,
+    IconMonitor,
+    IconSwap,
+    IconPlugs,
+    IconGauge,
+    IconBox,
+    IconWallet,
+    IconFileSearch
 ]
 
 const convertToDashedString = (input: string): string => {