Merge branch 'source' into spanish-small-updates

Author: pablo-maff

src/content/11/en/part11c.md

@@ -212,7 +212,7 @@ app.get('/health', (req, res) => {
 
 Configure then an [HTTP check](https://fly.io/docs/reference/configuration/#http_service-checks) that ensures the health of the deployments based on the HTTP request to the defined health check endpoint.
 
-You also need to set the [deployment strategy](https://fly.io/docs/reference/configuration/#picking-a-deployment-strategy) (in the file _fly.toml_) of the app to be either <i>canary</i> or <i>bluegreen</i>. These strategies ensure that only an app with a healthy state gets deployed.
+You also need to set the [deployment strategy](https://fly.io/docs/reference/configuration/#picking-a-deployment-strategy) (in the file _fly.toml_) of the app to be <i>canary</i>. These strategies ensure that only an app with a healthy state gets deployed.
 
 Ensure that GitHub Actions notices if a deployment breaks your application:
 

src/content/3/en/part3d.md

@@ -133,6 +133,10 @@ It is also vital to follow continuously the server logs. The problem became obvi
 
 The database url was _undefined_, so the command *fly secrets set MONGODB\_URI* was forgotten.
 
+You will also need to whitelist the the fly.io app's IP address in MongoDB Atlas. If you don't MongoDB will refuse the connection.
+
+Sadly, fly.io does not provide you a dedicated IPv4 address for your app, so you will need to allow all IP addresses in MongoDB Atlas.
+
 When using Render, the database url is given by defining the proper env in the dashboard:
 
 ![render dashboard showing the MONGODB_URI env variable](../../images/3/render-env.png)

src/content/4/en/part4d.md

@@ -227,7 +227,7 @@ const errorHandler = (error, request, response, next) => {
   } else if (error.name === 'MongoServerError' && error.message.includes('E11000 duplicate key error')) {
     return response.status(400).json({ error: 'expected `username` to be unique' })
   } else if (error.name ===  'JsonWebTokenError') { // highlight-line
-    return response.status(400).json({ error: 'token missing or invalid' }) // highlight-line
+    return response.status(401).json({ error: 'token invalid' }) // highlight-line
   }
 
   next(error)

src/content/6/en/part6b.md

@@ -713,6 +713,22 @@ Also, start using Redux DevTools to debug the application's state easier.
 
 Change also the definition of the <i>anecdote reducer and action creators</i> to use the Redux Toolkit's <em>createSlice</em> function.
 
+Implementation note: when you use the Redux Toolkit to return the initial state of anecdotes, it will be immutable, so you will need to make a copy of it to sort it, or you will encounter "TypeError: Cannot assign to read only property '". You can use the spread syntax to make a copy of the array. Instead of:
+
+```js
+
+anecdotes.sort()
+
+```
+
+Write:
+
+```js
+
+[...anecdotes].sort()
+
+```
+
 #### 6.12 Better Anecdotes, step 10
 
 The application has a ready-made body for the <i>Notification</i> component:

src/content/8/fi/osa8c.md

@@ -292,7 +292,7 @@ Mutation: {
         throw new GraphQLError('Creating the user failed', {
           extensions: {
             code: 'BAD_USER_INPUT',
-            invalidArgs: args.name,
+            invalidArgs: args.username,
             error
           }
         })

src/content/8/fi/osa8d.md

@@ -161,7 +161,7 @@ const App = () => {
 
 Backendin muutosten jälkeen uusien henkilöiden lisäys puhelinluetteloon vaatii sen, että käyttäjän token lähetetään pyynnön mukana. 
 
-Tämä edellyttää pientä muutosta tiedostossa <i>index.js</i> olevaan ApolloClient-olion konfiguraatioon
+Tämä edellyttää pientä muutosta tiedostossa <i>main.jsx</i> olevaan ApolloClient-olion konfiguraatioon
 
 ```js
 import { ApolloClient, InMemoryCache, ApolloProvider, createHttpLink } from '@apollo/client'  // highlight-line

src/content/8/fi/osa8e.md

@@ -638,7 +638,7 @@ subscription Subscription {
 }
 ```
 
-Kun tilauksen suorittavaa sinistä PersonAdded-painiketta painetaan, jää Explorer odottamaan tilaukseen tulevia vastauksia. Aina kun sovellukseen lisätään uusia käyttäjiä (joudut tekemään lisäyksen frontendista tai toisesta selainikkunasta), tulee tieto niistä Explorerin oikeaan reunaan.
+Kun tilauksen suorittavaa sinistä PersonAdded-painiketta painetaan, jää Explorer odottamaan tilaukseen tulevia vastauksia. Aina kun sovellukseen lisätään uusia henkilöitä (joudut tekemään lisäyksen frontendista tai toisesta selainikkunasta), tulee tieto niistä Explorerin oikeaan reunaan.
 
 Jos tilaus ei toimi, tarkasta, että yhteysasetukset on määritelty oikein:
 

src/content/9/en/part9b.md

@@ -895,7 +895,7 @@ Let's install ESlint and its TypeScript extensions:
 npm install --save-dev eslint @typescript-eslint/eslint-plugin @typescript-eslint/parser
 ```
 
-We will configure ESlint to [disallow explicit any]( https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/docs/rules/no-explicit-any.md). Write the following rules to *.eslintrc*:
+We will configure ESlint to [disallow explicit any]( https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/docs/rules/no-explicit-any.md). Write the following rules to *.eslintrc.json*:
 
 ```json
 {
@@ -937,7 +937,7 @@ For now, we should probably go with the recommended settings, and we will modify
 
 On top of the recommended settings, we should try to get familiar with the coding style required in this part and *set the semicolon at the end of each line of code to be required*.
 
-So we will use the following *.eslintrc*
+So we will use the following *.eslintrc.json*
 
 ```json
 {