diff --git a/resources/js/components/MobileBottomNav.vue b/resources/js/components/MobileBottomNav.vue
index 44e8781..b2f292a 100644
--- a/resources/js/components/MobileBottomNav.vue
+++ b/resources/js/components/MobileBottomNav.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Link, usePage } from '@inertiajs/vue3';
-import { CalendarDays, Clock, ShoppingCart } from '@lucide/vue';
+import { CalendarDays, Clock, ShoppingBag, ShoppingCart } from '@lucide/vue';
 import { useCan } from '@/composables/useCan';
 import admin from '@/routes/admin';
 
@@ -16,6 +16,12 @@ interface NavItem {
 }
 
 const navItems: NavItem[] = [
+    {
+        title: 'Belanja',
+        href: admin.manage.purchases.index.url(),
+        icon: ShoppingBag,
+        permission: 'purchases.view',
+    },
     {
         title: 'Pesanan',
         href: admin.manage.orders.index.url(),