From e5365811cf655184ccc4a33f4c55a01ba6af525d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adri=C3=A0=20Marcet?= <adriamarcetrovira@gmail.com>
Date: Mon, 24 Aug 2026 20:20:08 +0200
Subject: [PATCH 1/4] Detect language for InfoBanner message

---
 src/components/InfoBanner.js | 45 ++++++++++++++++++++----------------
 1 file changed, 25 insertions(+), 20 deletions(-)

diff --git a/src/components/InfoBanner.js b/src/components/InfoBanner.js
index 7efe1152e3..98e08820ad 100644
--- a/src/components/InfoBanner.js
+++ b/src/components/InfoBanner.js
@@ -1,8 +1,25 @@
 import React from 'react';
 
-const InfoBanner = ({ visible, onHide }) => {
+const InfoBanner = ({ visible, onHide, language }) => {
   if (!visible) return null;
 
+  const SUBMISSION_REPO_URL =
+    language === 'fi'
+      ? 'https://fullstackopen.com/osa6/flux_arkkitehtuuri_ja_zustand#tehtavarepositorio'
+      : 'https://fullstackopen.com/en/part6/flux_architecture_and_zustand#submission-repository';
+
+  const text =
+    language === 'fi'
+      ? 'Osan 6 tehtävien palautusrepositorion formaatti on muuttunut, katso tarkemmin '
+      : 'The format of submission repository in the part 6 has changed, see ';
+  const text_after_link =
+    language === 'fi'
+      ? 'täältä.'
+      : 'more information.';
+  const text_here =
+    language === 'fi'
+      ? 'täältä'
+      : 'here';
   const style = {
     padding: 10,
     borderStyle: 'solid',
@@ -49,28 +66,16 @@ const InfoBanner = ({ visible, onHide }) => {
       <div style={textStyle}>
         <div style={{ marginBottom: 20 }}>
           <div style={{ marginBottom: 10 }}>
-            The format of submission repository in the part 6 has changed, see {' '}
-            <a
-              style={linkStyle}
-              href="https://fullstackopen.com/en/part6/flux_architecture_and_zustand#submission-repository"
-              target="_blank"
-              rel="noreferrer"
-            >
-              here
-            </a>{' '}
-            for more
-          </div>
-
-          <div>
-            Osan 6 tehtävien palautusrepositorion formaatti on muuttunut, katso tarkemmin {' '}
-            <a
+            {text} {' '}
+            <a 
               style={linkStyle}
-              href="https://fullstackopen.com/osa6/flux_arkkitehtuuri_ja_zustand#tehtavarepositorio"
+              href={SUBMISSION_REPO_URL}
               target="_blank"
-              rel="noreferrer"
-            >
-              täältä
+              rel="noreferrer">
+              {text_here}
             </a>
+            {' '}
+            {text_after_link}
           </div>
         </div>
       </div>

From 958e3ea26967bdda2f7ae0a85618cfa0f1b1784d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adri=C3=A0=20Marcet?= <adriamarcetrovira@gmail.com>
Date: Mon, 24 Aug 2026 23:35:09 +0200
Subject: [PATCH 2/4] Refactor InfoBanner text structure for clarity and
 consistency

---
 src/components/InfoBanner.js | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/src/components/InfoBanner.js b/src/components/InfoBanner.js
index 98e08820ad..7c760a9107 100644
--- a/src/components/InfoBanner.js
+++ b/src/components/InfoBanner.js
@@ -10,16 +10,12 @@ const InfoBanner = ({ visible, onHide, language }) => {
 
   const text =
     language === 'fi'
-      ? 'Osan 6 tehtävien palautusrepositorion formaatti on muuttunut, katso tarkemmin '
-      : 'The format of submission repository in the part 6 has changed, see ';
-  const text_after_link =
-    language === 'fi'
-      ? 'täältä.'
-      : 'more information.';
+      ? 'Osan 6 tehtävien palautusrepositorion formaatti on muuttunut, '
+      : 'The format of submission repository in the part 6 has changed, ';
   const text_here =
     language === 'fi'
-      ? 'täältä'
-      : 'here';
+      ? 'katso tarkemmin täältä'
+      : 'see more details here';
   const style = {
     padding: 10,
     borderStyle: 'solid',
@@ -74,8 +70,7 @@ const InfoBanner = ({ visible, onHide, language }) => {
               rel="noreferrer">
               {text_here}
             </a>
-            {' '}
-            {text_after_link}
+            .
           </div>
         </div>
       </div>

From dd6ca65737c86d05c7e3ed49006b149a4312e069 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adri=C3=A0=20Marcet?= <adriamarcetrovira@gmail.com>
Date: Mon, 24 Aug 2026 23:35:16 +0200
Subject: [PATCH 3/4] Add language prop to InfoBanner for improved localization

---
 src/components/layout.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/layout.js b/src/components/layout.js
index b13a9183fd..055712885a 100644
--- a/src/components/layout.js
+++ b/src/components/layout.js
@@ -107,7 +107,7 @@ const Layout = (props) => {
 
       <Header lang={siteLanguage} />
 
-      <InfoBanner onHide={() => hideNote()} visible={visible} />
+      <InfoBanner onHide={() => hideNote()} visible={visible} language={siteLanguage} />
 
       <InfoBanner2 onHide={() => hideNote2()} visible={false} />
 

From bba8153273ba8383458ce9142531e481eb6e2e7a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adri=C3=A0=20Marcet?= <adriamarcetrovira@gmail.com>
Date: Mon, 24 Aug 2026 23:40:20 +0200
Subject: [PATCH 4/4] Remove trailing whitespace

---
 src/components/InfoBanner.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/InfoBanner.js b/src/components/InfoBanner.js
index 7c760a9107..278e6e3173 100644
--- a/src/components/InfoBanner.js
+++ b/src/components/InfoBanner.js
@@ -63,7 +63,7 @@ const InfoBanner = ({ visible, onHide, language }) => {
         <div style={{ marginBottom: 20 }}>
           <div style={{ marginBottom: 10 }}>
             {text} {' '}
-            <a 
+            <a
               style={linkStyle}
               href={SUBMISSION_REPO_URL}
               target="_blank"