DOP-6520 Add Spanish to language header list (#1597)

Author: anabellabuckvar

src/context/locale.tsx

@@ -20,15 +20,15 @@ export const LocaleProvider: React.FC<PropsWithChildren> = ({ children }) => {
   const betaLocale = BETA_LOCALE[locale]?.localeCode ?? undefined;
 
   useEffect(() => {
-    const betaLocals = ['es'];
+    const betaLocales = Object.keys(BETA_LOCALE);
     /**
      * Grab the available languages and if the current locale is included in the
      * beta list of locale, add it to the enable locales data which will be used by the
      * unified header and footer.
      * If not then just use the default available languages
      */
     const data = gettingAvailableLanguages();
-    if (betaLocals.includes(locale) && betaLocale) {
+    if (betaLocales.includes(locale) && betaLocale) {
       setEnableLocalesData([...data, betaLocale]);
     } else {
       setEnableLocalesData(data);

src/utils/locale.ts

@@ -33,18 +33,14 @@ const AVAILABLE_LANGUAGES: AvailableLanguageData[] = [
   { language: '한국어', localeCode: 'ko-kr', fontFamily: 'Noto Sans KR' },
   { language: 'Português', localeCode: 'pt-br' },
   { language: '日本語', localeCode: 'ja-jp', fontFamily: 'Noto Sans JP' },
+  { language: 'Español', localeCode: 'es' },
 ];
 
 // GTM locale
-export const BETA_LOCALE: { [key: string]: AvailableLanguageData } = {
-  es: {
-    language: 'Español',
-    localeCode: 'es',
-  },
-};
+export const BETA_LOCALE: { [key: string]: AvailableLanguageData } = {};
 
 // Languages in current development that we do not want displayed publicly yet
-const HIDDEN_LANGUAGES: AvailableLanguageData[] = [BETA_LOCALE['es']];
+const HIDDEN_LANGUAGES: AvailableLanguageData[] = [];
 
 /**
  * @param {boolean} forceAll - Bypasses feature flag requirements if necessary

tests/unit/__snapshots__/Head.test.js.snap

@@ -32,6 +32,12 @@ NodeList [
     hreflang="ja-jp"
     rel="alternate"
   />,
+  <link
+    class="sl_opaque"
+    href="https://www.mongodb.com/es/"
+    hreflang="es"
+    rel="alternate"
+  />,
   <link
     class="sl_opaque"
     href="https://www.mongodb.com/"
@@ -73,6 +79,12 @@ NodeList [
     hreflang="ja-jp"
     rel="alternate"
   />,
+  <link
+    class="sl_opaque"
+    href="https://www.mongodb.com/es/foo/"
+    hreflang="es"
+    rel="alternate"
+  />,
   <link
     class="sl_opaque"
     href="https://www.mongodb.com/foo/"