diff --git a/src/components/pages/PageOrder/PageOrder.tsx b/src/components/pages/PageOrder/PageOrder.tsx index b2b2f266c..068fecd7e 100755 --- a/src/components/pages/PageOrder/PageOrder.tsx +++ b/src/components/pages/PageOrder/PageOrder.tsx @@ -14,14 +14,8 @@ import MenuItem from "@mui/material/MenuItem"; import { Field, Form, Formik, FormikProps } from "formik"; import Grid from "@mui/material/Grid"; import TextField from "~/components/Form/TextField"; -import Table from "@mui/material/Table"; -import TableHead from "@mui/material/TableHead"; -import TableRow from "@mui/material/TableRow"; -import TableCell from "@mui/material/TableCell"; -import TableBody from "@mui/material/TableBody"; -import TableContainer from "@mui/material/TableContainer"; import Box from "@mui/material/Box"; -import { useQueries } from "react-query"; +import { useQuery } from "react-query"; import { useInvalidateOrder, useUpdateOrderStatus } from "~/queries/orders"; type FormValues = { @@ -31,63 +25,37 @@ type FormValues = { export default function PageOrder() { const { id } = useParams<{ id: string }>(); - const results = useQueries([ - { - queryKey: ["order", { id }], - queryFn: async () => { - const res = await axios.get(`${API_PATHS.order}/order/${id}`); - return res.data; - }, + const { + data: order, + isLoading, + } = useQuery({ + queryKey: ["order", { id }], + queryFn: async () => { + const res = await axios.get(`${API_PATHS.order}/order/${id}`); + return res.data; }, - { - queryKey: "products", - queryFn: async () => { - const res = await axios.get( - `${API_PATHS.bff}/product/available` - ); - return res.data; - }, - }, - ]); - const [ - { data: order, isLoading: isOrderLoading }, - { data: products, isLoading: isProductsLoading }, - ] = results; + }); const { mutateAsync: updateOrderStatus } = useUpdateOrderStatus(); const invalidateOrder = useInvalidateOrder(); - const cartItems: CartItem[] = React.useMemo(() => { - if (order && products) { - return order.items.map((item: OrderItem) => { - const product = products.find((p) => p.id === item.productId); - if (!product) { - throw new Error("Product not found"); - } - return { product, count: item.count }; - }); - } - return []; - }, [order, products]); - - if (isOrderLoading || isProductsLoading) return

loading...

; - const statusHistory = order?.statusHistory || []; + if (isLoading) return

loading...

; - const lastStatusItem = statusHistory[statusHistory.length - 1]; + const orderStatus = order.status; return order ? ( Manage order - + Status: - {lastStatusItem?.status.toUpperCase()} + {orderStatus.toUpperCase()} Change status: updateOrderStatus( @@ -145,30 +113,6 @@ export default function PageOrder() { Status history: - - - - - Status - Date and Time - Comment - - - - {statusHistory.map((statusHistoryItem) => ( - - - {statusHistoryItem.status.toUpperCase()} - - - {new Date(statusHistoryItem.timestamp).toString()} - - {statusHistoryItem.comment} - - ))} - -
-
) : null; } diff --git a/src/components/pages/PageOrders/components/Orders.tsx b/src/components/pages/PageOrders/components/Orders.tsx index 7fbbb3135..438202910 100755 --- a/src/components/pages/PageOrders/components/Orders.tsx +++ b/src/components/pages/PageOrders/components/Orders.tsx @@ -34,13 +34,11 @@ export default function Orders() { {data?.map((order) => ( - {order.address?.firstName} {order.address?.lastName} - - {order.items.length} - {order.address?.address} - - {order.statusHistory[order.statusHistory.length - 1].status} + {order.user?.firstName} {order.user?.lastName} + {order.cart.items.length} + {order.delivery.address} + {order.status}