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:
@@ -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) {
|
||||
|
||||
Reference in New Issue
Block a user