Fix 404 error when user access untranslated parts

Author: mayconblopes

CONTRIBUTING.md

@@ -12,3 +12,6 @@
 1. Prettify your code with `npm run format`
 2. Create a new branch for your changes
 3. Create the PR from that branch to the source branch
+
+# Contributing with translations
+When translation of a whole new part is completed, remember to update the file src/utils/translationProgress.json

src/components/PartBanner/PartBanner.js

@@ -1,3 +1,4 @@
+import translationProgress from '../../utils/translationProgress'
 import { Banner } from '../Banner/Banner';
 import { ContentLiftup } from '../ContentLiftup/ContentLiftup';
 import React from 'react';
@@ -74,16 +75,16 @@ const partNameTranslations = {
     'Introdução ao React',
     'Comunicação com o servidor',
     'Programando um servidor com NodeJS e Express',
-    'Teste de servidores Express e Administração de Usuários (tradução em andamento)',
-    'Teste de aplicações React (tradução em andamento)',
-    'Gerenciamento de Estado com Redux (tradução em andamento)',
-    'React router, hooks personalizados, estilização de aplicações com CSS e Webpack (tradução em andamento)',
-    'GraphQL (tradução em andamento)',
-    'TypeScript (tradução em andamento)',
-    'React Native (tradução em andamento)',
-    'CI/CD (tradução em andamento)',
-    'Containers (tradução em andamento)',
-    'Utilizando bancos de dados relacionais (tradução em andamento)',
+    'Teste de servidores Express e Administração de Usuários',
+    'Teste de aplicações React',
+    'Gerenciamento de Estado com Redux',
+    'React router, hooks personalizados, estilização de aplicações com CSS e Webpack',
+    'GraphQL',
+    'TypeScript',
+    'React Native',
+    'CI/CD',
+    'Containers',
+    'Utilizando bancos de dados relacionais',
   ],
 };
 
@@ -102,9 +103,10 @@ export const PartBanner = ({ lang }) => {
     >
       <div className="container spacing flex-fix-aligning col-7--mobile">
         {parts.map(part => {
-          const partNames =
-            partNameTranslations[lang] || partNameTranslations.en;
+            const partNames = 
+            partNameTranslations[lang] || partNameTranslations.en
 
+            const summary = translationProgress[lang] < part ? partNames[part] + ' (english only)' : partNames[part]
           return (
             <ContentLiftup
               key={partNames[part]}
@@ -115,7 +117,7 @@ export const PartBanner = ({ lang }) => {
               }}
               hoverImageSrc={require(`../../images/thumbnails/part-${part}_ovr.svg`)}
               name={`${partName(lang)} ${part}`}
-              summary={partNames[part]}
+              summary={summary}
               path={getPartTranslationPath(lang, part)}
             />
           );

src/components/PrevNext/PrevNext.js

@@ -1,5 +1,6 @@
 import './PrevNext.scss';
 
+import translationProgress from '../../utils/translationProgress'
 import Element from '../Element/Element';
 import { Link } from 'gatsby';
 import { PropTypes } from 'prop-types';
@@ -106,7 +107,9 @@ const PrevNext = ({ part, letter, lang }) => {
 
   const getNext = () => {
     if (!letter && hasPart(part + 1, lang)) {
-      console.log('a', hasPart(part + 1, lang))
+      if (translationProgress[lang] <= part) {
+        lang = 'en'
+      }
       return (
         <Link
           to={`${langUrl(lang)}${part + 1}`}

src/utils/getPartTranslationPath.js

@@ -1,10 +1,11 @@
+import translationProgress from './translationProgress'
+
 const getPartTranslationPath = (language, part, path = '') => {
-  // while the ptbr translation are not complete, return the URL for english version
-  if (language === 'ptbr' && part >= 4) {
-    // parts 0-3 are done. For part 4 onward, this will return the english version
+  // while the translation are not complete, return the URL for english version
+  if (translationProgress[language] < part) {
    return  `/en/part${part}${path}`
   }
-  return language === 'fi' ? `/osa${part}${path}` : `/${language}/part${part}${path}`;
-};
+  return language === 'fi' ? `/osa${part}${path}` : `/${language}/part${part}${path}`
+}
 
-export default getPartTranslationPath;
+export default getPartTranslationPath

src/utils/translationProgress.json

@@ -0,0 +1,8 @@
+{
+    "en": 13,
+    "es": 10,
+    "fi": 13,
+    "fr": 3,
+    "ptbr": 3,
+    "zh": 13
+}