From 9a0e7f552b9c5a02ed02785865fc97219c63450f Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Tue, 30 Jun 2026 17:20:02 +0700
Subject: [PATCH] feat: add 'Belanja' navigation item with shopping bag icon
 and permission check

---
 resources/js/components/MobileBottomNav.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

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(),