Merge pull request #4 from jccallves/ptbr-translation

Pull request to Ptbr translation

Author: mayconblopes

CONTRIBUTING.md

@@ -7,7 +7,7 @@
 4. Install dependencies with `npm install`
 5. Start the application with `npm start`
 
-# Setting up the PR
+# Setting up the PR'
 
 1. Prettify your code with `npm run format`
 2. Create a new branch for your changes

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/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