Enhance order ID handling and navigation in ProfilePage and OrdersTab: Updated hash processing to validate order IDs, improved tab navigation, and added console logging for better debugging. Adjusted navigation to ensure correct hash updates when switching tabs and viewing orders.

This commit is contained in:
sebseb7
2025-07-17 12:43:39 +02:00
parent e4b70dcbe2
commit 64048e6d0b
3 changed files with 49 additions and 10 deletions

View File

@@ -81,9 +81,11 @@ const OrdersTab = ({ orderIdFromHash, t }) => {
if (orderToView) {
setSelectedOrder(orderToView);
setIsDetailsDialogOpen(true);
// Update the hash to include the order ID
navigate(`/profile#${orderId}`, { replace: true });
}
},
[orders]
[orders, navigate]
);
const fetchOrders = useCallback(() => {
@@ -119,7 +121,11 @@ const OrdersTab = ({ orderIdFromHash, t }) => {
useEffect(() => {
if (orderIdFromHash && orders.length > 0) {
console.log('OrdersTab: Attempting to open order from hash:', orderIdFromHash);
console.log('OrdersTab: Available orders:', orders.map(o => o.orderId));
handleViewDetails(orderIdFromHash);
} else if (orderIdFromHash && orders.length === 0) {
console.log('OrdersTab: Order ID from hash but no orders loaded yet:', orderIdFromHash);
}
}, [orderIdFromHash, orders, handleViewDetails]);
@@ -138,7 +144,7 @@ const OrdersTab = ({ orderIdFromHash, t }) => {
const handleCloseDetailsDialog = () => {
setIsDetailsDialogOpen(false);
setSelectedOrder(null);
navigate("/profile", { replace: true });
navigate("/profile#orders", { replace: true });
};
if (loading) {