From b1ca3818e3ffc0cac27140eebe91cf1d97a21daf Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Sun, 2 Aug 2026 02:52:28 +0100
Subject: [PATCH] Enhance DashboardNavigation component with drag-and-drop
 support

- Added 'electrobun-webkit-app-region-no-drag' class to navigation items for improved drag-and-drop functionality in Electron.
- Updated layout structure to ensure proper flex behavior in the navigation component.
---
 src/components/Dashboard/common/DashboardNavigation.jsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/Dashboard/common/DashboardNavigation.jsx b/src/components/Dashboard/common/DashboardNavigation.jsx
index dc1f14c..9a4c4c4 100644
--- a/src/components/Dashboard/common/DashboardNavigation.jsx
+++ b/src/components/Dashboard/common/DashboardNavigation.jsx
@@ -72,26 +72,31 @@ const DashboardNavigation = () => {
       {
         key: 'production',
         label: 'Production',
+        className: 'electrobun-webkit-app-region-no-drag',
         icon: <ProductionIcon />
       },
       {
         key: 'inventory',
         label: 'Inventory',
+        className: 'electrobun-webkit-app-region-no-drag',
         icon: <InventoryIcon />
       },
       {
         key: 'sales',
         label: 'Sales',
+        className: 'electrobun-webkit-app-region-no-drag',
         icon: <SalesIcon />
       },
       {
         key: 'finance',
         label: 'Finance',
+        className: 'electrobun-webkit-app-region-no-drag',
         icon: <FinanceIcon />
       },
       {
         key: 'management',
         label: 'Management',
+        className: 'electrobun-webkit-app-region-no-drag',
         icon: <SettingsIcon />
       }
     ],
@@ -199,7 +204,7 @@ const DashboardNavigation = () => {
           </Text>
         </Flex>
       )}
-      <div className='electrobun-webkit-app-region-no-drag'>
+      <div style={{ flexGrow: 1 }}>
         <Menu
           mode='horizontal'
           className={isElectron ? 'electron-navigation' : null}
@@ -222,6 +227,7 @@ const DashboardNavigation = () => {
         />
       </div>
       {isMobile && <div style={{ flexGrow: 1 }} />}
+
       <div className='electrobun-webkit-app-region-no-drag'>
         <Flex
           gap={'small'}