Merge pull request #2702 from mayconblopes/ptbr-translation

Brazilian Portuguese Translation

Author: mluukkai

.gitignore

@@ -70,4 +70,6 @@ yarn-error.log
 .yarn-integrity
 
 
-.nvmrc
+.nvmrc
+.vscode/settings.json
+package-lock.json

src/components/Accordion/Accordion.js

@@ -98,7 +98,7 @@ Accordion.propTypes = {
   containerClassName: PropTypes.string,
   initiallyOpened: PropTypes.bool,
   titleStyle: PropTypes.object,
-  selectedItem: PropTypes.string
+  selectedItem: PropTypes.string,
 };
 
 Accordion.defaultProps = {

src/components/Arrow/Arrow.js

@@ -98,7 +98,9 @@ const Arrow = ({
                 {...props}
               >
                 <Element flex className="arrow__rectangle" style={arrowStyle}>
-                  <p className="arrow--stacked-title"><span>{arrow.text}</span></p>
+                  <p className="arrow--stacked-title">
+                    <span>{arrow.text}</span>
+                  </p>
                 </Element>
                 <div className="arrow__point" style={arrowStyle} />
               </Link>

src/components/CompaniesBanner/CompaniesBanner.js

@@ -127,9 +127,7 @@ export const CompaniesBanner = ({ isFrontPage, lang }) => {
               applyPadding
               companyPath={company.url}
               image={{
-                src: require(`../../images/company_logos/${
-                  company.image.name
-                }`),
+                src: require(`../../images/company_logos/${company.image.name}`),
                 alt: company.image.alt,
               }}
               className={`col-3 col-5--mobile col-5--tablet`}

src/components/InfoBanner.js

@@ -45,12 +45,22 @@ const InfoBanner = ({ visible, onHide }) => {
   return (
     <div style={style}>
       <div style={textStyle}>
-        <p>There are some changes in part 9. The <i>Patientor</i> example app structure has been refactored to a less complex form to make it easier to concentrate on learning TypeScript.</p>
+        <p>
+          There are some changes in part 9. The <i>Patientor</i> example app
+          structure has been refactored to a less complex form to make it easier
+          to concentrate on learning TypeScript.
+        </p>
         <div style={{ marginTop: 10 }}>
-          If you are just working with the old Patientor, no worries, the old material shall stay online for a couple of weeks.
+          If you are just working with the old Patientor, no worries, the old
+          material shall stay online for a couple of weeks.
         </div>
 
-        <div style={{ marginTop: 10 }}><i>If you have already completed the part 9, this change has absolutely no effect on your progress.</i></div>
+        <div style={{ marginTop: 10 }}>
+          <i>
+            If you have already completed the part 9, this change has absolutely
+            no effect on your progress.
+          </i>
+        </div>
       </div>
       <div style={buttonDiv}>
         <button style={buttonStyle} onClick={onHide}>

src/components/LanguagePicker/index.js

@@ -20,12 +20,12 @@ const LanguagePicker = ({
   const className = cn(classNameProp, styles.select);
 
   const fontSizeStyle = {
-    fontSize: '1em'
+    fontSize: '1em',
   };
 
   if (value === 'ptbr') {
-    fontSizeStyle.fontSize = '0.65em'
-  };
+    fontSizeStyle.fontSize = '0.65em';
+  }
 
   return (
     /*eslint jsx-a11y/no-onchange: "off" */
@@ -40,7 +40,7 @@ const LanguagePicker = ({
         value={value}
         onChange={selectOnChange}
         className={className}
-        style={fontSizeStyle }
+        style={fontSizeStyle}
       >
         {TRANSLATION_LANGUAGE_OPTIONS.map(({ value: optionValue, label }) => (
           <option value={optionValue} key={optionValue}>

src/components/Navigation/ThemeSwitcher/index.js

@@ -18,13 +18,10 @@ const ThemeSwitcher = () => {
 
   const [theme, setTheme] = useState(getInitialTheme);
 
-  useEffect(
-    () => {
-      document.documentElement.dataset.theme = theme;
-      localStorage.setItem('selected_theme', theme);
-    },
-    [theme]
-  );
+  useEffect(() => {
+    document.documentElement.dataset.theme = theme;
+    localStorage.setItem('selected_theme', theme);
+  }, [theme]);
 
   const handleThemeSwitchClick = () => {
     setTheme(theme === 'light' ? 'dark' : 'light');

src/components/PartBanner/PartBanner.js

@@ -1,4 +1,4 @@
-import translationProgress from '../../utils/translationProgress'
+import translationProgress from '../../utils/translationProgress';
 import { Banner } from '../Banner/Banner';
 import { ContentLiftup } from '../ContentLiftup/ContentLiftup';
 import React from 'react';
@@ -36,7 +36,7 @@ const partNameTranslations = {
     'React Native',
     'CI/CD',
     'Containers',
-    'Using relational databases'
+    'Using relational databases',
   ],
   zh: [
     'Web 应用的基础设施',
@@ -52,7 +52,7 @@ const partNameTranslations = {
     'React Native',
     'CI/CD',
     '容器',
-    '使用关系型数据库'
+    '使用关系型数据库',
   ],
   fr: [
     'Introduction aux applications Web',
@@ -61,14 +61,14 @@ const partNameTranslations = {
     'Programmation côté serveur avec NodeJS et Express',
     'Test des serveurs Express, gestion des utilisateurs',
     'Tester des applications React',
-    'Gestion d\'état avec Redux',
+    "Gestion d'état avec Redux",
     'React router, hooks personnalisés, application de style avec CSS et webpack',
     'GraphQL',
     'TypeScript',
     'React Native',
     'CI/CD',
     'Conteneurs',
-    'Utilisation de bases de donées relationnelles'
+    'Utilisation de bases de donées relationnelles',
   ],
   ptbr: [
     'Fundamentos de aplicações web',
@@ -103,10 +103,13 @@ 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]
+          const summary =
+            translationProgress[lang] < part
+              ? partNames[part] + ' (english only)'
+              : partNames[part];
           return (
             <ContentLiftup
               key={partNames[part]}

src/components/PrevNext/PrevNext.js

@@ -1,6 +1,6 @@
 import './PrevNext.scss';
 
-import translationProgress from '../../utils/translationProgress'
+import translationProgress from '../../utils/translationProgress';
 import Element from '../Element/Element';
 import { Link } from 'gatsby';
 import { PropTypes } from 'prop-types';
@@ -108,7 +108,7 @@ const PrevNext = ({ part, letter, lang }) => {
   const getNext = () => {
     if (!letter && hasPart(part + 1, lang)) {
       if (translationProgress[lang] <= part) {
-        lang = 'en'
+        lang = 'en';
       }
       return (
         <Link

src/components/ScrollNavigation/ScrollNavigation.js

@@ -80,11 +80,9 @@ class ScrollNavigation extends Component {
     let arr = [];
 
     for (let key in partsNode) {
-      console.log(getPartTranslationPath(
-        lang,
-        part,
-        `/${snakeCase(partsNode[key])}`
-      ));
+      console.log(
+        getPartTranslationPath(lang, part, `/${snakeCase(partsNode[key])}`)
+      );
 
       if (currentPartTitle !== partsNode[key]) {
         arr.push(