zustand headsup

Author: mluukkai

src/components/InfoBanner2.js

@@ -49,13 +49,11 @@ const InfoBanner = ({ visible, onHide }) => {
       <div style={textStyle}>
         <div style={{ marginBottom: 20 }}>
           <div style={{ marginBottom: 10 }}>
-            Material of Part 12 has been moved to <a style={linkStyle} href="https://courses.mooc.fi/org/uh-cs/courses/full-stack-open-containers">https://courses.mooc.fi/org/uh-cs/courses/full-stack-open-containers</a>
+            <strong>Significant changes comming to this part in near future!</strong> Redux will be replaced by Zustand.
+            If you have already started the part, finnish it quickly. If not, wait for a couple of days.
           </div>
           <div style={{ marginBottom: 10 }}>
-            The content and exercises are still same, there is a change how exercises are submitted.
-          </div>
-          <div>
-            The old content is still found <a style={linkStyle} href="https://github.com/fullstack-hy2020/fullstack-hy2020.github.io/tree/7599b17c02b056fcad4f12d8708f0e07980b7564/src/content/12">here</a>. 
+            The new version is expected to be online 5th or 6th April. The content on Redux shall stay accessible.
           </div>
         </div>
       </div>

src/components/layout.js

@@ -13,7 +13,7 @@ import PropTypes from 'prop-types';
 import SkipToContent from './SkipToContent/SkipToContent';
 
 const BANNER_TO_KEY = 'part_09_changes';
-const BANNER2_TO_KEY = 'part_12_changes';
+const BANNER2_TO_KEY = 'part_6_comming_changes';
 const BANNER3_TO_KEY = 'part_11_changes';
 
 const Layout = (props) => {
@@ -37,15 +37,15 @@ const Layout = (props) => {
   useEffect(() => {
     const key = localStorage.getItem(BANNER2_TO_KEY);
     if (!key) {
-      const relevant = window.location.href.includes('en/part12') || window.location.href.includes('osa12');
+      const relevant = window.location.href.includes('en/part6') || window.location.href.includes('osa6');
       setVisible2(relevant);
     }
   }, []);
 
   useEffect(() => {
     const key = localStorage.getItem(BANNER3_TO_KEY);
     if (!key) {
-      const relevant = window.location.href.includes('en/part11') || window.location.href.includes('osa11');
+      const relevant = window.location.href.includes('en/part14') || window.location.href.includes('osa14');
       setVisible3(relevant);
     }
   }, []);