fix: edit buttons

frontend/src/features/vehicles/pages/VehicleDetailPage.tsx

@@ -3,7 +3,7 @@
  */
 
 import React, { useMemo, useState, useEffect } from 'react';
-import { useParams, useNavigate } from 'react-router-dom';
+import { useParams, useNavigate, useSearchParams } from 'react-router-dom';
 import { Box, Typography, Button as MuiButton, Divider, FormControl, InputLabel, Select, MenuItem, Table, TableHead, TableRow, TableCell, TableBody, Dialog, DialogTitle, DialogContent, useMediaQuery } from '@mui/material';
 import { useQueryClient } from '@tanstack/react-query';
 import ArrowBackIcon from '@mui/icons-material/ArrowBack';
@@ -43,9 +43,10 @@ const DetailField: React.FC<{
 export const VehicleDetailPage: React.FC = () => {
   const { id } = useParams<{ id: string }>();
   const navigate = useNavigate();
+  const [searchParams, setSearchParams] = useSearchParams();
   const [vehicle, setVehicle] = useState<Vehicle | null>(null);
   const [isLoading, setIsLoading] = useState(true);
-  const [isEditing, setIsEditing] = useState(false);
+  const [isEditing, setIsEditing] = useState(() => searchParams.get('edit') === 'true');
   const [error, setError] = useState<string | null>(null);
   const [recordFilter, setRecordFilter] = useState<'All' | 'Fuel Logs' | 'Maintenance' | 'Documents'>('All');
 
@@ -139,11 +140,16 @@ export const VehicleDetailPage: React.FC = () => {
 
   const handleUpdateVehicle = async (data: any) => {
     if (!vehicle) return;
-    
+
     try {
       const updatedVehicle = await vehiclesApi.update(vehicle.id, data);
       setVehicle(updatedVehicle);
       setIsEditing(false);
+      // Clear the edit query param from URL
+      if (searchParams.has('edit')) {
+        searchParams.delete('edit');
+        setSearchParams(searchParams, { replace: true });
+      }
     } catch (err) {
       console.error('Error updating vehicle:', err);
     }
@@ -151,6 +157,11 @@ export const VehicleDetailPage: React.FC = () => {
 
   const handleCancelEdit = () => {
     setIsEditing(false);
+    // Clear the edit query param from URL
+    if (searchParams.has('edit')) {
+      searchParams.delete('edit');
+      setSearchParams(searchParams, { replace: true });
+    }
   };
 
   if (isLoading) {