From 669b51a6e1bcfbac7ffaf6e071595b64f4d9ea17 Mon Sep 17 00:00:00 2001
From: Eric Gullickson <16152721+ericgullickson@users.noreply.github.com>
Date: Sun, 15 Feb 2026 20:06:10 -0600
Subject: [PATCH] fix: Navigation bug

---
 .../src/features/dashboard/components/DashboardScreen.tsx  | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/features/dashboard/components/DashboardScreen.tsx b/frontend/src/features/dashboard/components/DashboardScreen.tsx
index ee0fc7c..ae17d6f 100644
--- a/frontend/src/features/dashboard/components/DashboardScreen.tsx
+++ b/frontend/src/features/dashboard/components/DashboardScreen.tsx
@@ -14,6 +14,7 @@ import { GlassCard } from '../../../shared-minimal/components/mobile/GlassCard';
 import { Button } from '../../../shared-minimal/components/Button';
 import { PendingAssociationBanner } from '../../email-ingestion/components/PendingAssociationBanner';
 import { PendingAssociationList } from '../../email-ingestion/components/PendingAssociationList';
+import { AddFuelLogDialog } from '../../fuel-logs/components/AddFuelLogDialog';
 import { MobileScreen } from '../../../core/store';
 import { Vehicle } from '../../vehicles/types/vehicles.types';
 
@@ -54,10 +55,11 @@ export const DashboardScreen: React.FC<DashboardScreenProps> = ({
   const theme = useTheme();
   const isSmall = useMediaQuery(theme.breakpoints.down('sm'));
   const [showPendingReceipts, setShowPendingReceipts] = useState(false);
+  const [showAddFuelLog, setShowAddFuelLog] = useState(false);
   const { data: roster, vehicles, isLoading, error } = useVehicleRoster();
 
   const handleAddVehicle = onAddVehicle ?? (() => onNavigate?.('Vehicles'));
-  const handleLogFuel = () => onNavigate?.('Log Fuel');
+  const handleLogFuel = () => setShowAddFuelLog(true);
   const handleVehicleClick = (vehicleId: string) => {
     const vehicle = vehicles?.find(v => v.id === vehicleId);
     if (vehicle && onVehicleClick) {
@@ -188,6 +190,9 @@ export const DashboardScreen: React.FC<DashboardScreenProps> = ({
           <PendingAssociationList />
         </DialogContent>
       </Dialog>
+
+      {/* Add Fuel Log Dialog */}
+      <AddFuelLogDialog open={showAddFuelLog} onClose={() => setShowAddFuelLog(false)} />
     </div>
   );
 };