Merge branch 'source' into patch-1

Author: mluukkai

src/components/InfoBanner.js

@@ -16,7 +16,7 @@ const InfoBanner = ({ visible, onHide }) => {
     flexWrap: 'wrap',
     flexDirection: 'row',
     alignContent: 'space-between',
-    backgroundColor: '#E8E8E8',
+    backgroundColor: 'var(--color-background)',
     zIndex: 2147483647,
   };
 
@@ -38,12 +38,16 @@ const InfoBanner = ({ visible, onHide }) => {
     outline: 'none',
     backgroundColor: 'transparent',
     border: 'none',
+    color: 'var(--color-text)',
+    cursor: 'pointer',
   };
 
   return (
     <div style={style}>
-      <div stule={textStyle}>
-        Numbering of the exercises in part 2 has changed!
+      <div style={textStyle}>
+        <p>Part 6 has new content about React Query, useReducer hook and React context.</p>
+        <p>The new content replaces the chapter on Redux connect (that still remains online for a while).</p>
+        <div style={{ marginTop: 10 }}><i>If you have already completed the part 6, this change has no effect on your progress.</i></div>
       </div>
       <div style={buttonDiv}>
         <button style={buttonStyle} onClick={onHide}>

src/components/PartBanner/PartBanner.js

@@ -12,7 +12,7 @@ const partNameTranslations = {
     'Palvelimen ohjelmointi NodeJS:n Express-kirjastolla',
     'Express-sovellusten testaaminen, käyttäjänhallinta',
     'React-sovelluksen testaaminen',
-    'Sovelluksen tilan hallinta Redux-kirjastolla',
+    'Edistynyt tilan hallinta',
     'React router, custom-hookit, tyylikirjastot ja webpack',
     'GraphQL',
     'TypeScript',
@@ -28,7 +28,7 @@ const partNameTranslations = {
     'Programming a server with NodeJS and Express',
     'Testing Express servers, user administration',
     'Testing React apps',
-    'State management with Redux',
+    'Advanced state management',
     'React router, custom hooks, styling app with CSS and webpack',
     'GraphQL',
     'TypeScript',

src/components/layout.js

@@ -10,7 +10,7 @@ import Footer from './Footer/Footer';
 import PropTypes from 'prop-types';
 import SkipToContent from './SkipToContent/SkipToContent';
 
-const BANNER_TO_KEY = 'exercise_numbering_part2_seen';
+const BANNER_TO_KEY = 'part_6_changes';
 
 const Layout = props => {
   const { i18n } = useTranslation();

src/content/0/en/part0a.md

@@ -43,7 +43,7 @@ Exercise completion time statistics can be found via the [submission system](htt
 
 You can discuss the course and related topics in our dedicated group on Discord <a target='_blank' href='https://study.cs.helsinki.fi/discord/join/fullstack'>https://study.cs.helsinki.fi/discord/join/fullstack</a> and on Telegram: <a target='_blank' href='https://t.me/fullstackcourse'>https://t.me/fullstackcourse</a>. Discord has fullstack_general and part-specific (channel names with fullstack prefix) channels for course-related discussion. Note that Discord's <i>chat channel is not suitable for course-related discussions</i>. Please join the conversation!
 
-### How to ask help in Discord/Telegam
+### How to get help in Discord/Telegram
 
 When you ask for help for a problem in the Discord/Telegram group your question should be as informative and precise as possible. If your question look like this
 

src/content/1/en/part1a.md

@@ -149,7 +149,7 @@ The first rule of frontend web development:
 
 > <i>keep the console open all the time</i>
 
-Let us repeat this together: <i>I promise to keep the console open all the time</i> during this course, and the for the rest of my life when I'm doing web development. 
+Let us repeat this together: <i>I promise to keep the console open all the time</i> during this course, and for the rest of my life when I'm doing web development. 
 
 It is also possible to render dynamic content inside of a component.
 
@@ -343,7 +343,7 @@ I really hope your console was open. If it was not, remember what you promised:
 
 >  <i>I promise to keep the console open all the time during this course, and for the rest of my life when I'm doing web development</i>
 
-Software development is hard. It gets even harder if one is not using all the possible available tools such as the web-console and debug printing with _console.log_. Professionals use both <i>all the time</i> and there is no single reason why a beginner should not adopt the use of these wonderful helper methods that will make the life so much easier.
+Software development is hard. It gets even harder if one is not using all the possible available tools such as the web-console and debug printing with _console.log_. Professionals use both <i>all the time</i> and there is no single reason why a beginner should not adopt the use of these wonderful helper methods that will make life so much easier.
 
 ### Some notes
 
@@ -353,7 +353,7 @@ React has been configured to generate quite clear error messages. Despite this,
 
 ![screenshot of undefined prop error](../../images/1/2a.png)
 
-As we already mentioned, that when programming with React it is possible and worthwhile to write <em>console.log()</em> commands (which print to the console) within your code.
+As we already mentioned, when programming with React, it is possible and worthwhile to write <em>console.log()</em> commands (which print to the console) within your code.
 
 Also, keep in mind that **React component names must be capitalized**. If you try defining a component as follows:
 

src/content/1/en/part1d.md

@@ -1031,7 +1031,7 @@ Programming is hard, that is why I will use all the possible means to make it ea
 - I progress with small steps
 - I will write lots of _console.log_ statements to make sure I understand how the code behaves and to help pinpointing problems
 - If my code does not work, I will not write more code. Instead I start deleting the code until it works or just return to a state when everything was still working
-- When I ask for help in the course Discord or Telegram channel or elsewhere I formulate my questions properly, see [here](http://localhost:8000/en/part0/general_info#how-to-ask-help-in-discord-telegam) how to ask help
+- When I ask for help in the course Discord or Telegram channel or elsewhere I formulate my questions properly, see [here](http://fullstackopen.com/en/part0/general_info#how-to-ask-help-in-discord-telegam) how to ask for help
 
 </div>
 

src/content/1/es/part1b.md

@@ -62,7 +62,7 @@ console.log(t.length) // Se imprime 4
 console.log(t [1]) // -1 es impreso
 
 t.forEach(value => {
-  console.log (valor) // se imprimen los números 1, -1, 3, 5, cada uno en la línea propia
+  console.log (value) // se imprimen los números 1, -1, 3, 5, cada uno en la línea propia
 })
 ```
 

src/content/1/fi/osa1a.md

@@ -635,7 +635,7 @@ const App = () => {
 }
 ```
 
-**VAROITUS** älä yritä tehdä ohjelmassasi kaikkia komponentteja yhtä, sillä se johtaa lähes varmasti siihen että ohjelma ei toimi. Etene pieni askel kerrallaan, tee aluksi esim. komponentti <i>Header</i> ja vasta kun se toimii 100% varmasti, kannattaa edetä seuraavaan komponenttiin.
+**VAROITUS** älä yritä tehdä ohjelmassasi kaikkia komponentteja yhtä aikaa, sillä se johtaa lähes varmasti siihen että ohjelma ei toimi. Etene pieni askel kerrallaan, tee aluksi esim. komponentti <i>Header</i> ja vasta kun se toimii 100% varmasti, kannattaa edetä seuraavaan komponenttiin.
 
 Huolellinen, pienin askelin eteneminen saattaa tuntua hitaalta, mutta se on itseasiassa <i> ylivoimaisesti nopein</i> tapa edetä. Kuuluisa ohjelmistokehittäjä Robert "Uncle Bob" Martin on todennut
 

src/content/1/fi/osa1b.md

@@ -9,7 +9,7 @@ lang: fi
 
 Kurssin aikana on web-sovelluskehityksen rinnalla tavoite ja tarve oppia riittävässä määrin JavaScriptia.
 
-JavaScript on kehittynyt viime vuosina nopeaan tahtiin, ja käytämme kurssilla kielen uusimpien versioiden piirteitä. JavaScript-standardin virallinen nimi on [ECMAScript](https://en.wikipedia.org/wiki/ECMAScript). Tämän hetken tuorein versio on kesäkuussa 2023 julkaistu [ES13](https://www.ecma-international.org/ecma-262/), toiselta nimeltään ECMAScript 2023.
+JavaScript on kehittynyt viime vuosina nopeaan tahtiin, ja käytämme kurssilla kielen uusimpien versioiden piirteitä. JavaScript-standardin virallinen nimi on [ECMAScript](https://en.wikipedia.org/wiki/ECMAScript). Tämän hetken tuorein versio on kesäkuussa 2022 julkaistu [ES13](https://www.ecma-international.org/ecma-262/), toiselta nimeltään ECMAScript 2022.
 
 Selaimet eivät vielä osaa kaikkia JavaScriptin uusimpien versioiden ominaisuuksia. Tämän takia selaimessa suoritetaan useimmiten koodia, joka on käännetty (englanniksi <i>transpiled</i>) uudemmasta JavaScriptin versiosta johonkin vanhempaan, laajemmin tuettuun versioon.
 

src/content/1/fi/osa1d.md

@@ -1044,7 +1044,7 @@ Ohjelmointi on hankalaa, ja sen takia lupaan hyödyntää kaikkia ohjelmointia h
 - etenen pienin askelin
 - käytän koodissa runsaasti _console.log_-komentoja varmistamaan sen, että varmasti ymmärrän jokaisen kirjoittamani koodirivin, sekä etsiessäni koodista mahdollisia bugin aiheuttajia
 - jos koodini ei toimi, en kirjoita enää yhtään lisää koodia, vaan alan poistamaan toiminnan rikkoneita rivejä tai palaan suosiolla tilanteeseen, missä koodi vielä toimi
-- kun kysyn apua kurssin Discord- tai Telegram-kanavalla, tai muualla internetissä, muotoilen kysymyksen järkevästi, esim. [täällä](http://localhost:8000/en/part0/general_info#how-to-ask-help-in-discord-telegam) esiteltyyn tapaan
+- kun kysyn apua kurssin Discord- tai Telegram-kanavalla, tai muualla internetissä, muotoilen kysymyksen järkevästi, esim. [täällä](/en/part0/general_info#how-to-ask-help-in-discord-telegam) esiteltyyn tapaan
 
 
 </div>