feat(dref-translation): add ops update confirmation modal

Author: shreeyash07

app/src/components/Navbar/LanguageDropdown/index.tsx

@@ -16,17 +16,10 @@ import {
 } from '@togglecorp/fujs';
 
 import DropdownMenuItem from '#components/DropdownMenuItem';
+import { languageNameMap } from '#utils/common';
 
 import styles from './styles.module.css';
 
-// NOTE: these doesn't need to be translated
-const languageNameMap: Record<Language, string> = {
-    en: 'English',
-    fr: 'Français',
-    es: 'Español',
-    ar: 'عربي',
-};
-
 const languageList = mapToList(
     languageNameMap,
     (value, key) => ({ key: key as Language, value }),

app/src/utils/common.ts

@@ -1,3 +1,4 @@
+import { type Language } from '@ifrc-go/ui/contexts';
 import { DEFAULT_INVALID_TEXT } from '@ifrc-go/ui/utils';
 import { isTruthyString } from '@togglecorp/fujs';
 
@@ -37,6 +38,14 @@ export function downloadFile(
     URL.revokeObjectURL(url);
 }
 
+// NOTE: these doesn't need to be translated
+export const languageNameMap: Record<Language, string> = {
+    en: 'English',
+    fr: 'Français',
+    es: 'Español',
+    ar: 'عربي',
+};
+
 export function getFirstTruthyString(
     primaryStr: string | null | undefined,
     secondaryStr: string | null | undefined,

app/src/views/AccountMyFormsDref/ActiveDrefTable/index.tsx

@@ -10,6 +10,7 @@ import {
     TableBodyContent,
 } from '@ifrc-go/ui';
 import { type RowOptions } from '@ifrc-go/ui';
+import { type Language } from '@ifrc-go/ui/contexts';
 import { useTranslation } from '@ifrc-go/ui/hooks';
 import {
     createDateColumn,
@@ -236,6 +237,7 @@ function ActiveDrefTable(props: Props) {
                         has_final_report,
                         country_details,
                         is_dref_imminent_v2,
+                        original_language,
                     } = originalDref;
 
                     const is_published = status === DREF_STATUS_APPROVED;
@@ -270,6 +272,7 @@ function ActiveDrefTable(props: Props) {
                         canCreateFinalReport,
                         hasPermissionToApprove: isRegionCoordinator || userMe?.is_superuser,
                         onPublishSuccess: refetchActiveDref,
+                        originalLanguage: original_language as Language,
                     };
                 },
                 { columnClassName: styles.actions },

app/src/views/AccountMyFormsDref/DrefTableActions/i18n.json

@@ -16,8 +16,10 @@
         "drefApprovalInProgressTitle": "Approval in progress...",
         "drefAccountCouldNotCreate": "Could not create new operational update",
         "drefAccountCouldNotCreateFinalReport": "Could not create final report",
-        "drefAccountConfirmMessage": "You're about to Approve this DREF. Once approved, it can no longer be edited. Are you sure you want to Approve?",
-        "drefAccountFinalizeConfirmMessage": "You're about to Finalize this DREF. Once finalize, it can no longer be edited. Are you sure you want to Finalize?",
+        "drefAccountConfirmMessage": "You're about to approve this DREF. Once approved, it can no longer be edited. Are you sure you want to approve?",
+        "drefAccountFinalizeConfirmMessage": "You are about to finalize this DREF. Once finalized, the original language will change to English, and it will no longer be editable in the {selectedLanguage} language. Are you sure you want to proceed?",
+        "drefOpsUpdateOriginalLanguageLabel": "Original Language",
+        "dropdownActionNewOpsUpdateLanguageConfirmationMessage": "Please select the language to create the DREF Operation Updates.",
         "dropdownActionImminentNewOpsUpdateConfirmationHeading": "Confirm addition of Operational Update",
         "dropdownActionImminentNewOpsUpdateConfirmationMessage": "The DREF type will be changed to Response (from Imminent) for the Operational Update. Once created, you'll be able to change it to other types except Imminent. Are you sure you want to add an Operational Update?"
     }