update logic for displaying legacy homepage

Temporary, will be phased out after new homepage translated for all languages (prioritized)

src/data/translations.json

@@ -6,108 +6,143 @@
     "language": "العربية"
   },
   "bg": {
-    "language": "български"
+    "language": "български",
+    "useLegacyHomepage": true
   },
   "bn": {
-    "language": "বাংলা"
+    "language": "বাংলা",
+    "useLegacyHomepage": true
   },
   "ca": {
-    "language": "Català"
+    "language": "Català",
+    "useLegacyHomepage": true
   },
   "cs": {
-    "language": "Čeština"
+    "language": "Čeština",
+    "useLegacyHomepage": true
   },
   "de": {
-    "language": "Deutsch"
+    "language": "Deutsch",
+    "useLegacyHomepage": true
   },
   "el": {
-    "language": "Ελληνικά"
+    "language": "Ελληνικά",
+    "useLegacyHomepage": true
   },
   "es": {
-    "language": "Español"
+    "language": "Español",
+    "useLegacyHomepage": true
   },
   "fa": {
-    "language": "فارسی"
+    "language": "فارسی",
+    "useLegacyHomepage": true
   },
   "fi": {
-    "language": "Suomi"
+    "language": "Suomi",
+    "useLegacyHomepage": true
   },
   "fr": {
-    "language": "Français"
+    "language": "Français",
+    "useLegacyHomepage": true
   },
   "hi": {
-    "language": "हिन्दी"
+    "language": "हिन्दी",
+    "useLegacyHomepage": true
   },
   "hr": {
-    "language": "Hrvatski"
+    "language": "Hrvatski",
+    "useLegacyHomepage": true
   },
   "hu": {
-    "language": "Magyar"
+    "language": "Magyar",
+    "useLegacyHomepage": true
   },
   "id": {
-    "language": "Bahasa Indonesia"
+    "language": "Bahasa Indonesia",
+    "useLegacyHomepage": true
   },
   "ig": {
-    "language": "Ibo"
+    "language": "Ibo",
+    "useLegacyHomepage": true
   },
   "it": {
-    "language": "Italiano"
+    "language": "Italiano",
+    "useLegacyHomepage": true
   },
   "ja": {
-    "language": "日本語"
+    "language": "日本語",
+    "useLegacyHomepage": true
   },
   "ko": {
-    "language": "한국어"
+    "language": "한국어",
+    "useLegacyHomepage": true
   },
   "lt": {
-    "language": "Lietuvis"
+    "language": "Lietuvis",
+    "useLegacyHomepage": true
   },
   "ml": {
-    "language": "മലയാളം"
+    "language": "മലയാളം",
+    "useLegacyHomepage": true
   },
   "nl": {
-    "language": "Nederlands"
+    "language": "Nederlands",
+    "useLegacyHomepage": true
   },
   "nb": {
-    "language": "Norsk"
+    "language": "Norsk",
+    "useLegacyHomepage": true
   },
   "pl": {
-    "language": "Polski"
+    "language": "Polski",
+    "useLegacyHomepage": true
   },
   "pt": {
-    "language": "Português"
+    "language": "Português",
+    "useLegacyHomepage": true
   },
   "pt-br": {
-    "language": "Português"
+    "language": "Português",
+    "useLegacyHomepage": true
   },
   "ro": {
-    "language": "Română"
+    "language": "Română",
+    "useLegacyHomepage": true
   },
   "ru": {
-    "language": "Pусский"
+    "language": "Pусский",
+    "useLegacyHomepage": true
   },
   "se": {
-    "language": "Svenska"
+    "language": "Svenska",
+    "useLegacyHomepage": true
   },
   "sk": {
-    "language": "Slovenský"
+    "language": "Slovenský",
+    "useLegacyHomepage": true
   },
   "sl": {
-    "language": "Slovenščina"
+    "language": "Slovenščina",
+    "useLegacyHomepage": true
   },
   "tr": {
-    "language": "Türkçe"
+    "language": "Türkçe",
+    "useLegacyHomepage": true
   },
   "uk": {
-    "language": "Українська"
+    "language": "Українська",
+    "useLegacyHomepage": true
   },
   "vi": {
-    "language": "Tiếng Việt"
+    "language": "Tiếng Việt",
+    "useLegacyHomepage": true
   },
   "zh": {
-    "language": "简体中文"
+    "language": "简体中文",
+    "useLegacyHomepage": true
   },
   "zh-tw": {
-    "language": "繁體中文"
+    "language": "繁體中文",
+    "useLegacyHomepage": true
   }
 }

src/pages/index.js

@@ -22,7 +22,10 @@ import {
   GrayContainer,
   LeftColumn,
 } from "../components/SharedStyledComponents"
-import { translateMessageId } from "../utils/translations"
+import {
+  translateMessageId,
+  legacyHomepageLanguages,
+} from "../utils/translations"
 
 const Hero = styled(GatsbyImage)`
   width: 100%;
@@ -402,14 +405,12 @@ const StyledCalloutBanner = styled(CalloutBanner)`
   }
 `
 
-const HomePage = ({ data }) => {
+const HomePage = ({ data, pageContext: { language } }) => {
   const intl = useIntl()
   const [isModalOpen, setModalOpen] = useState(false)
   const [activeCode, setActiveCode] = useState(0)
 
-  if (intl.locale !== "en") {
-    return <LegacyPageHome />
-  }
+  if (legacyHomepageLanguages.includes(language)) return <LegacyPageHome />
 
   const toggleCodeExample = (id) => {
     setActiveCode(id)

src/utils/translations.js

@@ -2,6 +2,9 @@ const defaultStrings = require("../intl/en.json")
 const languageMetadata = require("../data/translations.json")
 
 const supportedLanguages = Object.keys(languageMetadata)
+const legacyHomepageLanguages = supportedLanguages.filter(
+  (lang) => languageMetadata[lang].useLegacyHomepage
+)
 
 const consoleError = (message) => {
   const { NODE_ENV } = process.env
@@ -53,3 +56,4 @@ module.exports.supportedLanguages = supportedLanguages
 module.exports.getDefaultMessage = getDefaultMessage
 module.exports.isLangRightToLeft = isLangRightToLeft
 module.exports.translateMessageId = translateMessageId
+module.exports.legacyHomepageLanguages = legacyHomepageLanguages