part 4 update

Author: mluukkai

src/components/InfoBanner.js

@@ -1,7 +1,9 @@
 import React from 'react';
 
 const InfoBanner = ({ visible, onHide }) => {
-  if (!visible) return null;
+  const relevant = window.location.href.includes('osa4') || window.location.href.includes('en/part4')
+
+  if (!relevant || !visible) return null;
 
   const style = {
     padding: 10,
@@ -46,21 +48,9 @@ const InfoBanner = ({ visible, onHide }) => {
     <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.
+          The testing library used in part 4 was changed 13th February 2024 from Jest to Node:test.
+          If you have started with Jest, you may continue. The relevant material is still available, see the "Legacy: testing with Jest"
         </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.
-        </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/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 = 'part_9_changes';
+const BANNER_TO_KEY = 'part_4_changes';
 
 const Layout = props => {
   const { i18n } = useTranslation();
@@ -38,7 +38,7 @@ const Layout = props => {
 
       <Header lang={siteLanguage} />
 
-      <InfoBanner onHide={() => hideNote()} visible={false} />
+      <InfoBanner onHide={() => hideNote()} visible={visible} />
 
       <main id="main-content">{children}</main>
 

src/content/4/en/part4d.md

@@ -220,14 +220,14 @@ If the token is missing or it is invalid, the exception <i>JsonWebTokenError</i>
 
 ```js
 const errorHandler = (error, request, response, next) => {
-  logger.error(error.message)
-
   if (error.name === 'CastError') {
     return response.status(400).send({ error: 'malformatted id' })
   } else if (error.name === 'ValidationError') {
     return response.status(400).json({ error: error.message })
+  } 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(401).json({ error: error.message }) // highlight-line
+    return response.status(400).json({ error: 'token missing or invalid' }) // highlight-line
   }
 
   next(error)
@@ -252,13 +252,13 @@ A new note can now be created using Postman if the <i>authorization</i> header i
 
 Using Postman this looks as follows:
 
-![postman adding bearer token](../../images/4/20ea.png)
+![postman adding bearer token](../../images/4/20new.png)
 
 and with Visual Studio Code REST client
 
-![vscode adding bearer token example](../../images/4/21eb.png)
+![vscode adding bearer token example](../../images/4/21new.png)
 
-Current application code can be found on [Github](https://github.com/fullstack-hy2020/part3-notes-backend/tree/part4-9), branch <i>part4-9</i>.
+Current application code can be found on [GitHub](https://github.com/fullstack-hy2020/part3-notes-backend/tree/part4-9), branch <i>part4-9</i>.
 
 If the application has multiple interfaces requiring identification, JWT's validation should be separated into its own middleware. An existing library like [express-jwt](https://www.npmjs.com/package/express-jwt) could also be used.
 
@@ -315,6 +315,10 @@ const errorHandler = (error, request, response, next) => {
     return response.status(400).send({ error: 'malformatted id' })
   } else if (error.name === 'ValidationError') {
     return response.status(400).json({ error: error.message })
+  } 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') {
     return response.status(401).json({
       error: 'invalid token'