chore: fix ui

frontend-prep/src/pages/User/OrderDetails.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect } from "react";
-import { useParams, useNavigate } from "react-router-dom";
+import { useParams, useNavigate, useLocation } from "react-router-dom";
 import Navbar from "../../components/Navbar";
 import "./OrderDetails.css";
 import {
@@ -55,6 +55,10 @@ interface OrderDetailsData extends CompletedOrder {
 function OrderDetails() {
     const { orderId } = useParams<{ orderId: string }>();
     const navigate = useNavigate();
+    const location = useLocation();
+    // commandId = ID global pour l'API (passé en state depuis l'historique)
+    // fallback sur orderId si navigation directe via URL
+    const commandId = (location.state as { commandId?: number } | null)?.commandId ?? parseInt(orderId ?? "0");
 
     const [order, setOrder] = useState<OrderDetailsData | null>(null);
     const [enrichedProducts, setEnrichedProducts] = useState<
@@ -95,8 +99,8 @@ function OrderDetails() {
     }, [navigate]);
 
     useEffect(() => {
-        if (orderId) {
-            fetchOrderDetails(parseInt(orderId));
+        if (commandId) {
+            fetchOrderDetails(commandId);
         }
     }, [orderId]);