diff --git a/artifacts/tx-os/src/locales/ar.json b/artifacts/tx-os/src/locales/ar.json index 92c532db..9286f3d8 100644 --- a/artifacts/tx-os/src/locales/ar.json +++ b/artifacts/tx-os/src/locales/ar.json @@ -1256,7 +1256,9 @@ "yes": "نعم", "no": "لا", "all": "الكل", - "filter": "تصفية" + "filter": "تصفية", + "confirm": "تأكيد", + "confirmTitle": "تأكيد" }, "manage": { "heading": "إدارة الاجتماعات", diff --git a/artifacts/tx-os/src/locales/en.json b/artifacts/tx-os/src/locales/en.json index 78e749b5..288f4016 100644 --- a/artifacts/tx-os/src/locales/en.json +++ b/artifacts/tx-os/src/locales/en.json @@ -1122,7 +1122,9 @@ "yes": "Yes", "no": "No", "all": "All", - "filter": "Filter" + "filter": "Filter", + "confirm": "Confirm", + "confirmTitle": "Confirm" }, "manage": { "heading": "Manage Meetings", diff --git a/artifacts/tx-os/src/pages/executive-meetings.tsx b/artifacts/tx-os/src/pages/executive-meetings.tsx index c0fedfdf..b8d47114 100644 --- a/artifacts/tx-os/src/pages/executive-meetings.tsx +++ b/artifacts/tx-os/src/pages/executive-meetings.tsx @@ -684,13 +684,16 @@ function ConfirmProvider({ children }: { children: ReactNode }) { {opts?.message ?? ""} + {/* + Render the confirm/destructive action FIRST in the JSX so + that the default `flex-row` (LTR) places it on the left and + Cancel on the right (English spec), while in RTL the visual + order flips automatically and Confirm sits on the right with + Cancel on the left (Arabic spec). On mobile the + `flex-col-reverse` from AlertDialogFooter naturally stacks + the destructive action at the bottom and Cancel on top. + */} - settle(false)} - > - {cancelLabel} - settle(true)} @@ -702,6 +705,12 @@ function ConfirmProvider({ children }: { children: ReactNode }) { > {confirmLabel} + settle(false)} + > + {cancelLabel} +