From ada21a5f71920d55511adc8bd744e34fdc3da893 Mon Sep 17 00:00:00 2001
From: Ratheesh kumar R <108045773+ratheesh-aot@users.noreply.github.com>
Date: Mon, 27 May 2024 16:13:27 -0700
Subject: [PATCH] DESENG-611: Splitting translations based on language and
 common (#2525)

* DESENG-611: Removing tenant related translation text, set TODO for replacement

* DESENG-611: Splitting translations based on language and common

* Updating changelog

* Updated unit test file

* Restructured the logic to get common translations and updated the comments

* Spelling correction
---
 CHANGELOG.MD                                  |   8 +
 met-web/src/App.tsx                           |  23 +-
 met-web/src/DocumentTitle.tsx                 |   5 +-
 .../comments/admin/review/CommentReview.tsx   |   9 +-
 .../components/landing/LandingComponent.tsx   |   9 +-
 .../layout/Header/InternalHeader.tsx          |  11 +-
 .../components/layout/Header/PublicHeader.tsx |  12 +-
 met-web/src/hooks.ts                          |  27 +-
 met-web/src/i18n.ts                           |   1 +
 met-web/src/locales/common.json               | 100 ++++++
 .../src/locales/{en/default.json => en.json}  |  86 +----
 met-web/src/locales/en/gdx.json               | 334 ------------------
 met-web/src/routes/NotAvailable.tsx           |   9 +-
 .../landingPage/LandingPage.test.tsx          |   6 +-
 14 files changed, 189 insertions(+), 451 deletions(-)
 create mode 100644 met-web/src/locales/common.json
 rename met-web/src/locales/{en/default.json => en.json} (77%)
 delete mode 100644 met-web/src/locales/en/gdx.json

diff --git a/CHANGELOG.MD b/CHANGELOG.MD
index bc4f1c293..c0ac61f3c 100644
--- a/CHANGELOG.MD
+++ b/CHANGELOG.MD
@@ -1,3 +1,11 @@
+## May 27, 2024
+
+- **Feature** MET translation file keys used on pages needing translation [🎟️ DESENG-611](https://apps.itsm.gov.bc.ca/jira/browse/DESENG-611)
+  - Removed Tenant based translations from langauge files
+  - Set TODO statements to replace tenant related values from backend
+  - Splitting translations based on language files and added a common translation file for items common across all languages
+
+
 ## May 23, 2024
 
 - **Feature** Finish tenant management UX [🎟️ DESENG-605](https://apps.itsm.gov.bc.ca/jira/browse/DESENG-605), [🎟️ DESENG-606](https://apps.itsm.gov.bc.ca/jira/browse/DESENG-606)
diff --git a/met-web/src/App.tsx b/met-web/src/App.tsx
index 89b0c50b6..84bacdd2f 100644
--- a/met-web/src/App.tsx
+++ b/met-web/src/App.tsx
@@ -115,9 +115,8 @@ const App = () => {
         if (!tenant.id) {
             return;
         }
-
         try {
-            const supportedLanguages = Object.values(Languages);
+            const supportedLanguages: string[] = Object.values(Languages);
             const translationPromises = supportedLanguages.map((languageId) => getTranslationFile(languageId));
             const translationFiles = await Promise.all(translationPromises);
 
@@ -129,25 +128,31 @@ const App = () => {
                 }
             });
 
+            // Fetch the common.json file separately
+            const commonTranslations = await getTranslationFile('common');
+            if (commonTranslations) {
+                translationsObj['common'] = commonTranslations.default;
+            }
+
             setTranslations(translationsObj);
         } catch (error) {
             console.error('Error preloading translations:', error);
         }
     };
 
-    const getTranslationFile = async (languageId: string) => {
+    const getTranslationFile = async (localeId: string) => {
         try {
-            const translationFile = await import(`./locales/${languageId}/${tenant.id}.json`);
+            const translationFile = await import(`./locales/${localeId}.json`);
             return translationFile;
         } catch (error) {
-            const defaultTranslationFile = await import(`./locales/${languageId}/default.json`);
+            const defaultTranslationFile = await import(`./locales/en.json`);
             return defaultTranslationFile;
         }
     };
 
     useEffect(() => {
         preloadTranslations();
-    }, [tenant.id]); // Preload translations when tenant id changes
+    }, [language.id, tenant.id]); // Preload translations when language id or tenant id changes
 
     const loadTranslation = async () => {
         if (!tenant.id || !translations[language.id]) {
@@ -157,7 +162,11 @@ const App = () => {
         i18n.changeLanguage(language.id); // Set the language for react-i18next
 
         try {
-            i18n.addResourceBundle(language.id, tenant.id, translations[language.id]);
+            // adding language based translation resources to default namespace 'default'. like en.json, fr.json etc
+            i18n.addResourceBundle(language.id, 'default', translations[language.id]);
+            // adding common translation resource file (common.json) to namespace 'common'
+            i18n.addResourceBundle(language.id, 'common', translations['common']);
+
             dispatch(loadingTenant(false));
         } catch (error) {
             dispatch(loadingTenant(false));
diff --git a/met-web/src/DocumentTitle.tsx b/met-web/src/DocumentTitle.tsx
index 9be6b3dcb..ed82b18f3 100644
--- a/met-web/src/DocumentTitle.tsx
+++ b/met-web/src/DocumentTitle.tsx
@@ -1,11 +1,10 @@
 import React from 'react';
 import { Helmet } from 'react-helmet-async';
-import { useAppTranslation } from 'hooks';
 const DocumentTitle = () => {
-    const { t: translate } = useAppTranslation();
     return (
         <Helmet>
-            <title>{translate('header.title')}</title>
+            {/* TODO: LANG-BACKEND - Change the value to show tenant specific */}
+            <title>Modern Engagement</title>
         </Helmet>
     );
 };
diff --git a/met-web/src/components/comments/admin/review/CommentReview.tsx b/met-web/src/components/comments/admin/review/CommentReview.tsx
index a4288a255..5391fbd8b 100644
--- a/met-web/src/components/comments/admin/review/CommentReview.tsx
+++ b/met-web/src/components/comments/admin/review/CommentReview.tsx
@@ -205,7 +205,8 @@ const CommentReview = () => {
     };
 
     const defaultVerdict = comment_status_id !== CommentStatus.Pending ? comment_status_id : CommentStatus.Approved;
-    const threatEmailContact = translate('comment.admin.review.threatContactEmail');
+    // TODO: LANG-BACKEND - Change the value to show tenant specific
+    const threatEmailContact = 'email@gov.bc.ca';
     return (
         <MetPageGridContainer>
             <EmailPreviewModal
@@ -407,8 +408,10 @@ const CommentReview = () => {
                                         }
                                     />
                                     <MetSmallTextOld bold color="#d32f2f" marginLeft={'3em'} mt={'-1em'}>
-                                        {translate('comment.admin.review.threatTextOne')}{' '}
-                                        {translate('comment.admin.review.threatContact')}{' '}
+                                        {translate('comment.admin.review.threatTextOne')}
+                                        {/* TODO: LANG-BACKEND - Change the value to show tenant specific //
+                                        comment.admin.review.threatContact */}
+                                        {'FirstName LastName'}
                                         {translate('comment.admin.review.threatTextTwo')}{' '}
                                         <Link href={`mailto:${threatEmailContact}`}>{threatEmailContact}</Link>
                                     </MetSmallTextOld>
diff --git a/met-web/src/components/landing/LandingComponent.tsx b/met-web/src/components/landing/LandingComponent.tsx
index 0a0618c5d..fd2b1466a 100644
--- a/met-web/src/components/landing/LandingComponent.tsx
+++ b/met-web/src/components/landing/LandingComponent.tsx
@@ -5,12 +5,9 @@ import { MetHeader1Old, MetParagraphOld } from 'components/common';
 import TileBlock from './TileBlock';
 import { Container } from '@mui/system';
 import LandingPageBanner from 'assets/images/LandingPageBanner.png';
-import { useAppTranslation } from 'hooks';
 import FilterBlock from './FilterBlock';
 import FilterDrawer from './FilterDrawer';
 const LandingComponent = () => {
-    const { t: translate } = useAppTranslation();
-
     return (
         <Grid container direction="row" justifyContent="center" alignItems="center">
             <FilterDrawer />
@@ -47,10 +44,12 @@ const LandingComponent = () => {
                             rowSpacing={2}
                         >
                             <Grid item xs={12}>
-                                <MetHeader1Old>{translate('landing.banner.header')}</MetHeader1Old>
+                                {/* TODO: LANG-BACKEND - Change the value to show tenant specific */}
+                                <MetHeader1Old>Government Digital Experience Division</MetHeader1Old>
                             </Grid>
                             <Grid item xs={12}>
-                                <MetParagraphOld>{translate('landing.banner.description')}</MetParagraphOld>
+                                {/* TODO: LANG-BACKEND - Change the value to show tenant specific */}
+                                <MetParagraphOld>Description about the office and public engagement.</MetParagraphOld>
                             </Grid>
                         </Grid>
                     </Grid>
diff --git a/met-web/src/components/layout/Header/InternalHeader.tsx b/met-web/src/components/layout/Header/InternalHeader.tsx
index 53c3860b4..65c5cdda5 100644
--- a/met-web/src/components/layout/Header/InternalHeader.tsx
+++ b/met-web/src/components/layout/Header/InternalHeader.tsx
@@ -16,16 +16,15 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBars } from '@fortawesome/pro-regular-svg-icons/faBars';
 import { HeaderProps } from './types';
 import { useNavigate } from 'react-router-dom';
-import { useAppTranslation } from 'hooks';
 
 const InternalHeader = ({ drawerWidth = 280 }: HeaderProps) => {
     const isMediumScreen: boolean = useMediaQuery((theme: Theme) => theme.breakpoints.up('md'));
     const [open, setOpen] = useState(false);
     const [imageError, setImageError] = useState(false);
     const navigate = useNavigate();
-    const { t: translate } = useAppTranslation();
 
-    const logoUrl = translate('common.logoUrl');
+    // TODO: LANG-BACKEND - Change the value to show tenant specific
+    const logoUrl = '';
     return (
         <>
             <AppBar
@@ -101,7 +100,8 @@ const InternalHeader = ({ drawerWidth = 280 }: HeaderProps) => {
                             }}
                             sx={{ flexGrow: 1, cursor: 'pointer' }}
                         >
-                            {translate('header.title')}
+                            {/* TODO: LANG-BACKEND - Change the value to show tenant specific */}
+                            {'Modern Engagement'}
                         </HeaderTitleOld>
                     ) : (
                         <HeaderTitleOld
@@ -110,7 +110,8 @@ const InternalHeader = ({ drawerWidth = 280 }: HeaderProps) => {
                             }}
                             sx={{ flexGrow: 1, cursor: 'pointer' }}
                         >
-                            {translate('header.smallTitle')}
+                            {/* TODO: LANG-BACKEND - Change the value to show tenant specific */}
+                            {'MET'}
                         </HeaderTitleOld>
                     )}
                     <Button
diff --git a/met-web/src/components/layout/Header/PublicHeader.tsx b/met-web/src/components/layout/Header/PublicHeader.tsx
index 5c9d36b45..740199a24 100644
--- a/met-web/src/components/layout/Header/PublicHeader.tsx
+++ b/met-web/src/components/layout/Header/PublicHeader.tsx
@@ -22,8 +22,10 @@ const PublicHeader = () => {
     const { t: translate } = useAppTranslation();
     const { engagementViewMounted, availableEngagementTranslations } = useContext(LanguageContext);
 
-    const logoUrl = translate('common.logoUrl');
-    const headerTitle = translate('header.title');
+    // TODO: LANG-BACKEND - Change the value to show tenant specific
+    const logoUrl = '';
+    // TODO: LANG-BACKEND - Change the value to show tenant specific
+    const headerTitle = 'Modern Engagement';
 
     return (
         <Box sx={{ flexGrow: 1 }}>
@@ -46,7 +48,8 @@ const PublicHeader = () => {
                         >
                             <img
                                 src={logoUrl}
-                                alt={translate('common.defaultText')}
+                                // TODO: LANG-BACKEND - Change the value to show tenant specific
+                                alt="Site Logo"
                                 style={{
                                     objectFit: 'cover',
                                     height: '5em',
@@ -74,7 +77,8 @@ const PublicHeader = () => {
                             onClick={() => {
                                 navigate(`/${language}`);
                             }}
-                            alt={translate('common.defaultBCText')}
+                            // TODO: LANG-BACKEND - Change the value to show tenant specific
+                            alt="British Columbia Logo"
                         />
                     </When>
                     <HeaderTitleOld
diff --git a/met-web/src/hooks.ts b/met-web/src/hooks.ts
index 832fe0aff..dc6c63cf2 100644
--- a/met-web/src/hooks.ts
+++ b/met-web/src/hooks.ts
@@ -8,15 +8,30 @@ export const useAppDispatch = () => useDispatch<AppDispatch>();
 export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;
 
 export const useAppTranslation = () => {
-    const translate = useTranslation();
-    const tenantId = sessionStorage.getItem('tenantId');
+    // Every language has its own default and common namespaces
+    const translate = useTranslation(['default', 'common']);
 
     const { t } = translate;
-
+    /**
+     * Look to see if a string has a language-level translation (if it's related to an engagement, survey, widget, static
+     * etc.). If none is found, look for a common static text translation found in the common locale file.
+     **/
     const tDynamic = (key: string) => {
-        // Create a dynamic translation key using the tenantId
-        const dynamicKey = `${tenantId}:${key}`;
-        return t(dynamicKey);
+        // Create a dynamic translation key using the `default` namespace
+        const dynamicKey = `default:${key}`;
+        // getting language level translations for the key
+        const value = t(dynamicKey);
+        // If the value is the same as the key, then the key does not exist in the language translations, can be check in common locale file
+        if (key === value) {
+            const dynamicKey = `common:${key}`;
+            const value = t(dynamicKey);
+            // If the value is the same as the key it does not exist in the either language level or common translations
+            if (key == value) {
+                console.log('Error getting translation for ', key);
+            }
+            return value;
+        }
+        return value;
     };
 
     return { ...translate, t: tDynamic };
diff --git a/met-web/src/i18n.ts b/met-web/src/i18n.ts
index 449736e46..17d055b89 100644
--- a/met-web/src/i18n.ts
+++ b/met-web/src/i18n.ts
@@ -7,6 +7,7 @@ i18n.use(initReactI18next).init({
     interpolation: {
         escapeValue: false,
     },
+    defaultNS: 'default', // default namespace as `default`
 });
 
 export default i18n;
diff --git a/met-web/src/locales/common.json b/met-web/src/locales/common.json
new file mode 100644
index 000000000..12f9ab33d
--- /dev/null
+++ b/met-web/src/locales/common.json
@@ -0,0 +1,100 @@
+{
+    "notFound": {
+        "paragraph": "Suggestions to help you find what you're looking for:",
+        "list": [
+            "Check that the web URL has been entered correctly",
+            "Go to our",
+            "homepage",
+            "and browse through our past and current engagements",
+            "Telephone Device for the Deaf (TDD) across B.C.: 711",
+            "If you would like to email us, please contact *********@gov.bc.ca."
+        ],
+        "header": [
+            "The page you're looking for cannot be found.",
+            "The page you're looking for might have been removed, moved or is temporarily unavailable."
+        ]
+    },
+    "notAvailable": {
+        "label": "Sorry, this engagement is not available."
+    },
+    "footer": {
+        "body": "The B.C. Public Service acknowledges the territories of First Nations around B.C. and is grateful to carry out our work on these lands. We acknowledge the rights, interests, priorities, and concerns of all Indigenous Peoples - First Nations, Métis and Inuit - respecting and acknowledging their distinct cultures, histories, rights, laws, and governments.",
+        "connectWithUs": "CONNECT WITH US",
+        "moreInfo": "MORE INFO",
+        "home": "Home",
+        "accessibility": "Accessibility",
+        "aboutGov": "About gov.bc.ca",
+        "copyright": "Copyright",
+        "disclaimer": "Disclaimer",
+        "login": "Admin Login",
+        "privacy": "Privacy",
+        "copyrightNotice": "© 2023 Government of British Columbia",
+        "defaultLogo": "British Columbia Logo"
+    },
+    "feedback": {
+        "websiteFeedback": "Website Feedback",
+        "notification": {
+            "success": "Your Feedback has been sent.",
+            "error": "Error occurred while sending your feedback."
+        },
+        "submitModal": {
+            "header": "Thank you for your feedback",
+            "button": "Close"
+        },
+        "feedbackModal": {
+            "label": [
+                "How do you like our feedback platform?",
+                "What else would you like to share with us?"
+            ],
+            "disclaimer": "Please do not include any personal information in your feedback. Feedback that includes personal information will be deleted.",
+            "button": "Submit"
+        }
+    },
+    "landingPage": {
+        "tile": {
+            "error": "Error while loading",
+            "status": "Status:"
+        }
+    },
+    "comment": {
+        "admin": {
+            "review": {
+                "threatTextOne": "Select this option if there is a threat/menace in the comment(s). No email will be sent. Contact",
+                "threatTextTwo": "at"
+            }
+        }
+    },
+    "landing": {
+        "filters": {
+            "drawer": {
+                "openButton": "Filter",
+                "title": "Filter Engagements",
+                "apply": "Apply Filters",
+                "statusFilter": "Engagement Status",
+                "filterHeader": "Filter by {0}"
+            },
+            "clear": "Clear Filters",
+            "search": "Search Engagements",
+            "searchPlaceholder": "Engagement Title",
+            "status": {
+                "all": "All Engagements",
+                "open": "Open Engagements",
+                "closed": "Closed Engagements",
+                "upcoming": "Upcoming Engagements"
+            },
+            "aria": {
+                "closeDrawer": "Close filter options",
+                "openDrawer": "Open more filter options",
+                "deleteFilterChip": "{0} filter - press to remove",
+                "metadataFilterChip": "{0} filter - {1}",
+                "selected": "Applied",
+                "notSelected": "Not Applied",
+                "applyFilters": "Apply Filters and close filter options",
+                "statusFilter": "Engagement Status Selector - {0} selected"
+            }
+        }
+    },
+    "common": {
+        "logout": "Logout"
+    }
+}
\ No newline at end of file
diff --git a/met-web/src/locales/en/default.json b/met-web/src/locales/en.json
similarity index 77%
rename from met-web/src/locales/en/default.json
rename to met-web/src/locales/en.json
index 333813451..c7a18acff 100644
--- a/met-web/src/locales/en/default.json
+++ b/met-web/src/locales/en.json
@@ -1,19 +1,9 @@
 {
     "common": {
-        "logoUrl": "",
-        "defaultText": "Site Logo",
-        "defaultBCText": "British Columbia Logo",
         "logout": "Logout"
     },
-    "header": {
-        "title": "Modern Engagement",
-        "smallTitle": "MET"
-    },
+    "header": {},
     "landing": {
-        "banner": {
-            "header": "The Title of The Office",
-            "description": "Description about the office and public engagement."
-        },
         "filters": {
             "drawer": {
                 "openButton": "Filter",
@@ -38,9 +28,9 @@
                 "metadataFilterChip": "{0} filter - {1}",
                 "selected": "Applied",
                 "notSelected": "Not Applied",
-                "applyFilters":"Apply Filters and close filter options",
-                "clearFilters":"Clear all filters",
-                "statusFilter": "Engagement Status Selector - {0} selected" 
+                "applyFilters": "Apply Filters and close filter options",
+                "clearFilters": "Clear all filters",
+                "statusFilter": "Engagement Status Selector - {0} selected"
             }
         }
     },
@@ -48,60 +38,15 @@
         "admin": {
             "review": {
                 "threatTextOne": "Select this option if there is a threat/menace in the comment(s). No email will be sent. Contact",
-                "threatContact": "FirstName LastName",
-                "threatTextTwo": "at",
-                "threatContactEmail": "email@gov.bc.ca"
+                "threatTextTwo": "at"
             }
         }
     },
-    "cacForm": {
-        "contactTitle": "the Director of Digital Services",
-        "contactEmail": "email@gov.bc.ca"
-    },
-    "landingPage": {
-        "tile": {
-            "error": "Error while loading",
-            "status": "Status:"
-        }
-    },
     "buttonText": {
         "shareYourThoughts": "Share Your Thoughts",
         "viewEngagement": "View Engagement",
         "viewFeedback": "View Feedback"
     },
-    "feedback": {
-        "websiteFeedback": "Website Feedback",
-        "notification": {
-            "success": "Your Feedback has been sent.",
-            "error": "Error occurred while sending your feedback."
-        },
-        "submitModal": {
-            "header": "Thank you for your feedback",
-            "button": "Close"
-        },
-        "feedbackModal": {
-            "label": [
-                "How do you like our feedback platform?",
-                "What else would you like to share with us?"
-            ],
-            "disclaimer": "Please do not include any personal information in your feedback. Feedback that includes personal information will be deleted.",
-            "button": "Submit"
-        }
-    },
-    "footer": {
-        "body": "The B.C. Public Service acknowledges the territories of First Nations around B.C. and is grateful to carry out our work on these lands. We acknowledge the rights, interests, priorities, and concerns of all Indigenous Peoples - First Nations, Métis and Inuit - respecting and acknowledging their distinct cultures, histories, rights, laws, and governments.",
-        "connectWithUs": "CONNECT WITH US",
-        "moreInfo": "MORE INFO",
-        "home": "Home",
-        "accessibility": "Accessibility",
-        "aboutGov": "About gov.bc.ca",
-        "copyright": "Copyright",
-        "disclaimer": "Disclaimer",
-        "login": "Admin Login",
-        "privacy": "Privacy",
-        "copyrightNotice": "© 2023 Government of British Columbia",
-        "defaultLogo": "British Columbia Logo"
-    },
     "subscription": {
         "subscribe": "You have successfully confirmed your subscription. Thank you.",
         "unSubscribe": [
@@ -237,7 +182,6 @@
                 "A Community Advisory Committee provides a venue for interested members of the public who have information on the potential effects of a project on a community to stay up to date on the progress of the environmental assessment and to be informed of opportunities to provide their input and advice. Community Advisory Committee members could, for example, provide local knowledge of the community, the environment or the use of the proposed project area.",
                 "The format and structure will depend on the potential effects of a project and community interest in a project, amongst other considerations. The starting point for a community advisory committee in every assessment (with sufficient community interest) will be an email subscription list.",
                 "The Environmental Assessment Office will provide subscribed Community Advisory Committee members information on the environmental assessment process and the proposed project, including notifications of process milestones, when and where key documents are posted, information on public comment periods and any other engagement opportunities. Members will be invited to provide their input through the public comment periods held throughout the environmental assessment and, depending on the overall interest of Community Advisory Committee members, the Environmental Assessment Office may directly seek the advice of Community Advisory Committee members and establish other engagement opportunities. See the Community Advisory Committee Guideline for further information."
-    
             ],
             "link": {
                 "text": "Community Advisory Committee Terms of Reference."
@@ -284,24 +228,6 @@
             "You and Your Community"
         ]
     },
-    "notAvailable": {
-        "label": "Sorry, this engagement is not available."
-    },
-    "notFound": {
-        "paragraph": "Suggestions to help you find what you're looking for:",
-        "list": [
-            "Check that the web URL has been entered correctly",
-            "Go to our",
-            "homepage",
-            "and browse through our past and current engagements",
-            "Telephone Device for the Deaf (TDD) across B.C.: 711",
-            "If you would like to email us, please contact *********@gov.bc.ca."
-        ],
-        "header": [
-            "The page you're looking for cannot be found.",
-            "The page you're looking for might have been removed, moved or is temporarily unavailable."
-        ]
-    },
     "NoResults": {
         "header": "Unfortunately we couldn’t find any matching engagements.",
         "paragraph": "Here are some things you can try:",
@@ -323,4 +249,4 @@
             }
         }
     }
-}
\ No newline at end of file
+}
diff --git a/met-web/src/locales/en/gdx.json b/met-web/src/locales/en/gdx.json
deleted file mode 100644
index b29e588fd..000000000
--- a/met-web/src/locales/en/gdx.json
+++ /dev/null
@@ -1,334 +0,0 @@
-{
-    "common": {
-        "logoUrl": "",
-        "defaultText": "Site Logo",
-        "defaultBCText": "British Columbia Logo",
-        "logout": "Logout"
-    },
-    "header": {
-        "title": "Modern Engagement",
-        "smallTitle": "MET"
-    },
-    "landing": {
-        "banner": {
-            "header": "Government Digital Experience Division",
-            "description": "The GDX Division helps inform digital standards for web content, accessibility, forms, and design.."
-        },
-        "filters": {
-            "drawer": {
-                "openButton": "Filter",
-                "title": "Filter Engagements",
-                "apply": "Apply Filters",
-                "statusFilter": "Engagement Status",
-                "filterHeader": "Filter by {0}"
-            },
-            "clear": "Clear Filters",
-            "search": "Search Engagements",
-            "searchPlaceholder": "Engagement Title",
-            "status": {
-                "all": "All Engagements",
-                "open": "Open Engagements",
-                "closed": "Closed Engagements",
-                "upcoming": "Upcoming Engagements"
-            },
-            "aria": {
-                "closeDrawer": "Close filter options",
-                "openDrawer": "Open more filter options",
-                "deleteFilterChip": "{0} filter - press to remove",
-                "metadataFilterChip": "{0} filter - {1}",
-                "selected": "Applied",
-                "notSelected": "Not Applied",
-                "applyFilters":"Apply Filters and close filter options",
-                "clearFilters":"Clear all filters",
-                "statusFilter": "Engagement Status Selector - {0} selected" 
-            }
-        }
-    },
-    "comment": {
-        "admin": {
-            "review": {
-                "threatTextOne": "Select this option if there is a threat/menace in the comment(s). No email will be sent. Contact",
-                "threatContact": "FirstName LastName",
-                "threatTextTwo": "at",
-                "threatContactEmail": "email@gov.bc.ca"
-            }
-        }
-    },
-    "cacForm": {
-        "contactTitle": "the Director of Digital Services",
-        "contactEmail": "email@gov.bc.ca"
-    },
-    "landingPage": {
-        "engagementNameLabel": "Engagement name",
-        "placeholder": "Type engagement's name...",
-        "statusLabel": "Status",
-        "tile": {
-            "error": "error Loading",
-            "status": "Status:"
-        },
-        "status": {
-            "open": "Open",
-            "upcoming": "Upcoming",
-            "closed": "Closed"
-        }
-    },
-    "buttonText": {
-        "shareYourThoughts": "Share Your Thoughts",
-        "viewEngagement": "View Engagement",
-        "viewFeedback": "View Feedback"
-    },
-    "feedback": {
-        "websiteFeedback": "Website Feedback",
-        "notification": {
-            "success": "Your Feedback has been sent.",
-            "error": "Error occurred while sending your feedback."
-        },
-        "submitModal": {
-            "header": "Thank you for your feedback",
-            "button": "Close"
-        },
-        "feedbackModal": {
-            "label": [
-                "How do you like our feedback platform?",
-                "What else would you like to share with us?"
-            ],
-            "disclaimer": "Please do not include any personal information in your feedback. Feedback that includes personal information will be deleted.",
-            "button": "Submit"
-        }
-    },
-    "footer": {
-        "body": "The B.C. Public Service acknowledges the territories of First Nations around B.C. and is grateful to carry out our work on these lands. We acknowledge the rights, interests, priorities, and concerns of all Indigenous Peoples - First Nations, Métis and Inuit - respecting and acknowledging their distinct cultures, histories, rights, laws, and governments.",
-        "connectWithUs": "CONNECT WITH US",
-        "moreInfo": "MORE INFO",
-        "home": "Home",
-        "accessibility": "Accessibility",
-        "aboutGov": "About gov.bc.ca",
-        "copyright": "Copyright",
-        "disclaimer": "Disclaimer",
-        "login": "Admin Login",
-        "privacy": "Privacy",
-        "copyrightNotice": "© 2023 Government of British Columbia",
-        "defaultLogo": "British Columbia Logo"
-    },
-    "subscription": {
-        "subscribe": "You have successfully confirmed your subscription. Thank you.",
-        "unSubscribe": [
-            "We are sorry to see you go.",
-            "We wanted to confirm that you have been successfully unsubscribed from all of our emails.",
-            "You will no longer receive any communications from us.",
-            "Thank you."
-        ],
-        "notification": "Error Subscribing to Engagement",
-        "paragraph": "Description"
-    },
-    "dashboard": {
-        "header": "What We Heard",
-        "buttonText": {
-            "readComments": "Read Comments",
-            "exportToPDF": "Export to PDF"
-        },
-        "link": [
-            "<<Return to ",
-            " Engagement"
-        ],
-        "errorBox": {
-            "header": "Error",
-            "body": "Click to reload"
-        },
-        "noData": "No Data Available",
-        "projectLocation": "Project Location",
-        "surveyEmailsSent": "Survey Emails Sent",
-        "surveysCompleted": "SurveysCompleted",
-        "submissionTrend": {
-            "label": "Live Activity - Engagement",
-            "filter": {
-                "label": "Select Date Range ",
-                "from": "From: ",
-                "to": "To: ",
-                "reset": "Reset All Filters",
-                "toggleBy": [
-                    "Weekly",
-                    "Monthly"
-                ]
-            }
-        },
-        "barBlock": {
-            "label": "Survey Results",
-            "questionLabel": "Click on a question to view results below",
-            "charType": [
-                "Show as Bar Chart",
-                "Show as TreeMap Chart"
-            ],
-            "button": "Read Comments",
-            "questionBarBlock": "Question"
-        }
-    },
-    "commentDashboard": {
-        "block": {
-            "header": "Comments",
-            "buttonText": "View Report",
-            "link": [
-                "<<Return to ",
-                " Engagement"
-            ],
-            "notification": {
-                "header": "View Report",
-                "text": "The report will only be available to view after the engagement period is over and the engagement is closed."
-            }
-        },
-        "table": {
-            "emptyText": "Engagement does not have any published comments",
-            "label": [
-                "Comment",
-                "Comment Date"
-            ]
-        }
-    },
-    "surveyEdit": {
-        "editForm": {
-            "button": {
-                "cancel": "Cancel",
-                "submit": "Submit Changes"
-            }
-        },
-        "surveyEditNotification": {
-            "verificationError": "Verification token is invalid.",
-            "invalidToken": "Invalid token",
-            "engagementError": "Invalid engagementId",
-            "loadedSubmissionError": "Error occurred while loading your answers",
-            "loadedEngagementError": "Error occurred while loading engagement",
-            "success": "Survey was successfully updated",
-            "updateSurveyError": "Error occurred during survey update"
-        }
-    },
-    "surveySubmit": {
-        "inValidToken": {
-            "header": "Oops! Something Went Wrong",
-            "bodyLine1": "You are trying to access a survey through an invalid link, please check the possible reasons:",
-            "reasons": [
-                "The survey link is expired (24 hours).",
-                "This link has already been previously used.",
-                "The engagement period is over."
-            ],
-            "button": "Back to Engagement"
-        },
-        "surveyForm": {
-            "button": {
-                "cancel": "Cancel",
-                "submit": "Submit"
-            }
-        },
-        "surveySubmitNotification": {
-            "verificationError": "Verification not found or does not match survey",
-            "invalidToken": "Verification token is invalid.",
-            "invalidSurvey": "The survey id passed was erroneous",
-            "surveyError": "Error occurred while loading saved survey",
-            "engagementError": "Error occurred while loading saved engagement data",
-            "success": "Survey was successfully submitted",
-            "submissionError": "Error occurred during survey submission"
-        }
-    },
-    "formCAC": {
-        "schema": {
-            "understand": "You must acknowledge this.",
-            "termsOfReference": "You must acknowledge this."
-        },
-        "tab1": {
-            "labels": [
-                "What is a Community Advisory Committee (CAC)?",
-                "What can I expect as a Community Advisory Committee Member?",
-                "I understand that...",
-                "By checking this box, I acknowledge that I understand the above text.",
-                "By checking this box, I acknowledge that I have read, understood, and will abide by the{' '} "
-            ],
-            "paragraph": [
-                "A Community Advisory Committee provides a venue for interested members of the public who have information on the potential effects of a project on a community to stay up to date on the progress of the environmental assessment and to be informed of opportunities to provide their input and advice. Community Advisory Committee members could, for example, provide local knowledge of the community, the environment or the use of the proposed project area.",
-                "The format and structure will depend on the potential effects of a project and community interest in a project, amongst other considerations. The starting point for a community advisory committee in every assessment (with sufficient community interest) will be an email subscription list.",
-                "The Environmental Assessment Office will provide subscribed Community Advisory Committee members information on the environmental assessment process and the proposed project, including notifications of process milestones, when and where key documents are posted, information on public comment periods and any other engagement opportunities. Members will be invited to provide their input through the public comment periods held throughout the environmental assessment and, depending on the overall interest of Community Advisory Committee members, the Environmental Assessment Office may directly seek the advice of Community Advisory Committee members and establish other engagement opportunities. See the Community Advisory Committee Guideline for further information."
-    
-            ],
-            "link": {
-                "text": "Community Advisory Committee Terms of Reference."
-            },
-            "button": {
-                "next": "Next"
-            }
-        },
-        "tab2": {
-            "labels": [
-                "First Name",
-                "Last Name",
-                "City",
-                "Email"
-            ],
-            "description": [
-                "Please tell us your",
-                "A select Community Advisory Committee will be formed if there is sufficient community interest and if it would support the assessment. If formed, this committee would seek to represent the diversity of the people who may be affected by a proposed project and would participate in additional engagement and information seeking activities with the EAO. The EAO will ask interested members of the public to apply for the select Community Advisory Committee at the time it is determined and is necessary"
-            ],
-            "button": {
-                "submit": "Submit"
-            }
-        },
-        "form": {
-            "header": "Community Advisory Committee",
-            "paragraph": "Learn about and sign up for a Community Advisory Committee"
-        },
-        "formContentNotification": {
-            "engagementError": "An error occured while trying to load the engagement",
-            "widgetError": "An error occured while trying to load the widget",
-            "formError": "An error occured while trying to load the form",
-            "unknownError": "Cannot submit this form at this time",
-            "submitError": "An error occured while trying to submit the form",
-            "success": {
-                "header": "Thank you",
-                "text": [
-                    "We have received your request to join the Community Advisory Committee for ",
-                    ". You will be notified of future updates to the Community Advisory Committee by email."
-                ]
-            }
-        },
-        "tabs": [
-            "Information",
-            "You and Your Community"
-        ]
-    },
-    "notAvailable": {
-        "label": "Sorry, this engagement is not available."
-    },
-    "notFound": {
-        "paragraph": "Suggestions to help you find what you're looking for:",
-        "list": [
-            "Check that the web URL has been entered correctly",
-            "Go to our",
-            "homepage",
-            "and browse through our past and current engagements",
-            "Telephone Device for the Deaf (TDD) across B.C.: 711",
-            "If you would like to email us, please contact *********@gov.bc.ca."
-        ],
-        "header": [
-            "The page you're looking for cannot be found.",
-            "The page you're looking for might have been removed, moved or is temporarily unavailable."
-        ]
-    },
-    "NoResults": {
-        "header": "Unfortunately we couldn’t find any matching engagements.",
-        "paragraph": "Here are some things you can try:",
-        "list": [
-            "Reduce the number of filters applied",
-            "Clear all applied filters",
-            "Use a more generic search term"
-        ],
-        "contact": {
-            "header": "Still can’t find what you’re looking for?",
-            "paragraph": "Please contact us, we are here to help.",
-            "telephone": {
-                "text": "Telephone",
-                "number": "250 123-4567"
-            },
-            "email": {
-                "text": "Email",
-                "address": "emailaddress@gov.bc.ca"
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/met-web/src/routes/NotAvailable.tsx b/met-web/src/routes/NotAvailable.tsx
index 3c395d12f..cd2813e59 100644
--- a/met-web/src/routes/NotAvailable.tsx
+++ b/met-web/src/routes/NotAvailable.tsx
@@ -41,10 +41,15 @@ export const NotAvailable = () => {
                             rowSpacing={2}
                         >
                             <Grid item xs={12}>
-                                <MetHeader1Old>{translate('landing.banner.header')}</MetHeader1Old>
+                                {/* TODO: LANG-BACKEND - Change the value to show tenant specific */}
+                                <MetHeader1Old>Government Digital Experience Division</MetHeader1Old>
                             </Grid>
                             <Grid item xs={12}>
-                                <MetParagraphOld>{translate('landing.banner.description')}</MetParagraphOld>
+                                {/* TODO: LANG-BACKEND - Change the value to show tenant specific */}
+                                <MetParagraphOld>
+                                    The GDX Division helps inform digital standards for web content, accessibility,
+                                    forms, and design..
+                                </MetParagraphOld>
                             </Grid>
                         </Grid>
                     </Grid>
diff --git a/met-web/tests/unit/components/landingPage/LandingPage.test.tsx b/met-web/tests/unit/components/landingPage/LandingPage.test.tsx
index 108009e18..c2a3b3f1b 100644
--- a/met-web/tests/unit/components/landingPage/LandingPage.test.tsx
+++ b/met-web/tests/unit/components/landingPage/LandingPage.test.tsx
@@ -100,8 +100,10 @@ describe('Landing page tests', () => {
                     );
                 }),
             ).toBeInTheDocument();
-            expect(screen.getByText('landing.banner.header')).toBeInTheDocument();
-            expect(screen.getByText('landing.banner.description')).toBeInTheDocument();
+            // TODO: LANG-BACKEND - Change the value to show tenant specific
+            expect(screen.getByText('Government Digital Experience Division')).toBeInTheDocument();
+            // TODO: LANG-BACKEND - Change the value to show tenant specific
+            expect(screen.getByText('Description about the office and public engagement.')).toBeInTheDocument();
             expect(screen.getByText(openEngagement.name)).toBeInTheDocument();
             expect(screen.getByText(closedEngagement.name)).toBeInTheDocument();
         });