Merge branch 'ptbr-translation' of https://github.com/FrancisBernard34/fullstack-hy2020.github.io into ptbr-translation

Author: FrancisBernard34

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

README.md

@@ -1,12 +1,113 @@
-# Full stack open
+# This is the Brazilian Portuguese Translation for FullStackOpen.
 
-Despite the repo name this IS the current course repository
+# Status: 28,78% 
 
-<https://fullstackopen.com/>
+## part0 - Fundamentals of Web apps
+- [x] part0 (intro)
+- [x] part0a
+- [x] part0b
 
-<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/">
-  <img alt="Creative Commons -lisenssi" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/3.0/88x31.png"
-  />
-</a>
-<br/> Materiaali on lisensoitu
-<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/">Creative Commons BY-NC-SA 3.0 -lisenssillä</a>
+## part1 - Introduction to React
+- [x] part1 (intro)
+- [x] part1a
+- [x] part1b
+- [x] part1c
+- [x] part1d
+
+## part2- Communicating with server
+- [x] part2 (intro)
+- [x] part2a
+- [x] part2b
+- [x] part2c
+- [x] part2d
+- [x] part2e
+
+## part3 - Programming a server with NodeJS and Express
+- [x] part3 (intro)
+- [x] part3a
+- [x] part3b
+- [x] part3c
+- [x] part3d
+
+## part4 - Testing Express servers, user administration
+- [x] part4 (intro)
+- [x] part4a
+- [ ] part4b
+- [x] part4c
+- [ ] part4d
+
+## part5 - Testing React apps
+- [ ] part5 (intro)
+- [ ] part5a
+- [ ] part5b
+- [ ] part5c
+- [ ] part5d
+
+## part6 - Advanced state management
+- [ ] part6 (intro)
+- [ ] part6a
+- [ ] part6b
+- [ ] part6c
+- [ ] part6d
+- [ ] part6e
+
+## part7 - React router, custom hooks, styling app with CSS and webpack
+- [ ] part7 (intro)
+- [ ] part7a
+- [ ] part7b
+- [ ] part7c
+- [ ] part7d
+- [ ] part7e
+- [ ] part7f
+
+## part8 - GraphQL
+- [ ] part8 (intro)
+- [ ] part8a
+- [ ] part8b
+- [ ] part8c
+- [ ] part8d
+
+## part9 - TypeScript
+- [ ] part9 (intro)
+- [ ] part9a
+- [ ] part9b
+- [ ] part9c
+- [ ] part9d
+- [ ] part9e
+- [ ] part9f
+
+## part10 - React Native
+- [ ] part10 (intro)
+- [ ] part10a
+- [ ] part10b
+- [ ] part10c
+- [ ] part10d
+
+## part11 - CI/CD
+- [ ] part11 (intro)
+- [ ] part11a
+- [ ] part11b
+- [ ] part11c
+- [ ] part11d
+- [ ] part11e
+
+## part12 - Containers
+- [ ] part12 (intro)
+- [ ] part12a
+- [ ] part12b
+- [ ] part12c
+
+## part13 - Using relational databases
+- [ ] part13 (intro)
+- [ ] part13a
+- [ ] part13b
+- [ ] part13c
+
+## Currently, these are the collaborators:
+
+1. @CassivsGabriellis 
+2. @mayconblopes 
+3. @FrancisBernard34 
+4. @jccallves
+
+🇧🇷  **Keep in touch to join us!** 🇧🇷 

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';
@@ -92,14 +93,8 @@ export const PartBanner = ({ lang }) => {
   const parts = Object.keys(navigation[lang]);
 
   function partName(lang) {
-    return lang === 'fi' ? 'Osa' : lang==='ptbr' ? 'Parte' : 'Part'
-    // if (lang === 'fi') {
-    //   return 'Osa'
-    // } else if (lang === 'ptbr') {
-    //   return 'Parte'
-    // } else {
-    //   return 'Part'
-    }
+    return lang === 'fi' ? 'Osa' : lang === 'ptbr' ? 'Parte' : 'Part';
+  }
 
   return (
     <Banner
@@ -108,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]}
@@ -120,9 +116,8 @@ export const PartBanner = ({ lang }) => {
                 alt: partNames[part],
               }}
               hoverImageSrc={require(`../../images/thumbnails/part-${part}_ovr.svg`)}
-              // name={`${lang === 'fi' ? 'Osa' : 'Part'} ${part}`}
               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}`}