diff --git a/01-frontend/public/locales/de/translation.json b/01-frontend/public/locales/de/translation.json index 98c33b9..2b2030d 100644 --- a/01-frontend/public/locales/de/translation.json +++ b/01-frontend/public/locales/de/translation.json @@ -123,5 +123,10 @@ "delete": "Löschen", "pleaseEnterPassword": "Bitte Passwort eingeben", "mainAdminMenu": "Admin-Hauptmenü", - "uuid": "UUID" + "uuid": "UUID", + "Orders Management": "Bestellverwaltung", + "orderDetails": "Bestelldetails", + "orderId": "Bestellnummer", + "date": "Datum", + "moveToNextStatus": "Zum nächsten Status" } diff --git a/01-frontend/public/locales/en/translation.json b/01-frontend/public/locales/en/translation.json index 9b1b431..3695452 100644 --- a/01-frontend/public/locales/en/translation.json +++ b/01-frontend/public/locales/en/translation.json @@ -123,5 +123,10 @@ "delete": "Delete", "pleaseEnterPassword": "Please enter password", "mainAdminMenu": "Main Administration Menu", - "uuid": "UUID" + "uuid": "UUID", + "Orders Management": "Orders Management", + "orderDetails": "Order Details", + "orderId": "Order Number", + "date": "Date", + "moveToNextStatus": "Move to Next Status" } \ No newline at end of file diff --git a/01-frontend/src/helper/adminpanel/OrdersInfo.tsx b/01-frontend/src/helper/adminpanel/OrdersInfo.tsx index 3557a04..43cd7c3 100644 --- a/01-frontend/src/helper/adminpanel/OrdersInfo.tsx +++ b/01-frontend/src/helper/adminpanel/OrdersInfo.tsx @@ -61,14 +61,16 @@ const mockOrders: OrderType[] = [ } ]; +// The order in which the statuses are displayed const statusOrder: OrderStatusEnum[] = [ - OrderStatusEnum.CANCELLED, - OrderStatusEnum.ISSUES, - OrderStatusEnum.ORDERED, - OrderStatusEnum.IN_PROGRESS, + OrderStatusEnum.CANCELLED, + OrderStatusEnum.ISSUES, + OrderStatusEnum.ORDERED, + OrderStatusEnum.IN_PROGRESS, OrderStatusEnum.DELIVERED ]; +// Main component for managing orders export default function OrdersInfo() { const { t } = useTranslation(); const theme = useTheme(); @@ -112,14 +114,12 @@ export default function OrdersInfo() { bgcolor: theme.palette.background.paper, border: `1px solid ${theme.palette.divider}`, borderRadius: 2 - }} - > + }}> + sx={{ color: theme.palette.text.primary }}> {t(status.toString())} {filtered.map((order) => ( @@ -137,7 +137,7 @@ export default function OrdersInfo() { return ( - {t("Orders Management")} + {t("Orders Management")} {/* Bestellverwaltung */} setSelectedOrder(null)}> - Order Details + {t("orderDetails")} {/* Bestelldetails */} {selectedOrder && ( - Order ID: {selectedOrder.id} + {t("orderId")}: {selectedOrder.id} - Date: {selectedOrder.date} + {t("date")}: {selectedOrder.date} - Address: {selectedOrder.address} + {t("address")}: {selectedOrder.address} - Items: + {t("items")}: {selectedOrder.items.map((item, idx) => ( @@ -177,7 +177,7 @@ export default function OrdersInfo() { ))} - Total: {selectedOrder.total.toFixed(2)} € + {t("total")}: {selectedOrder.total.toFixed(2)} € )} +