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 */}