Merge branch '263-vocabs-without-apache' into dev

Author: sroertgen

src/components/Concept.jsx

@@ -23,6 +23,13 @@ const Concept = ({
       updateState({
         ...data,
         currentScheme: concept.inScheme[0],
+        indexPage: false,
+      })
+    }
+    if (data.indexPage) {
+      updateState({
+        ...data,
+        indexPage: false,
       })
     }
   }, [])

src/components/ConceptScheme.jsx

@@ -21,6 +21,13 @@ const ConceptScheme = ({
       updateState({
         ...data,
         currentScheme: conceptScheme,
+        indexPage: false,
+      })
+    }
+    if (data.indexPage) {
+      updateState({
+        ...data,
+        indexPage: false,
       })
     }
   }, [])

src/components/header.jsx

@@ -128,16 +128,10 @@ const Header = ({ siteTitle }) => {
   // we check if we are on the root i.e. index page.
   // if so we set the concept scheme to an empty object
   useEffect(() => {
-    const handleNavigation = () => {
-      if (window.location.pathname === "/") {
-        updateState({ ...data, currentScheme: {} })
-      }
-    }
-    window.addEventListener("popstate", handleNavigation)
-    return () => {
-      window.removeEventListener("popstate", handleNavigation)
+    if (data.indexPage === true) {
+      updateState({ ...data, currentScheme: {} })
     }
-  }, [])
+  }, [data?.indexPage])
 
   return (
     <header css={style}>

src/context/Context.jsx

@@ -4,6 +4,7 @@ const defaultState = {
   currentScheme: {},
   selectedLanguage: "",
   conceptSchemeLanguages: [],
+  indexPage: false,
 }
 const Context = createContext(defaultState)
 

src/pages/index.js

@@ -23,7 +23,7 @@ const IndexPage = () => {
       const languages = Array.from(
         new Set([...csData.flatMap((cs) => cs.languages)])
       )
-      updateState({ ...data, languages: languages })
+      updateState({ ...data, languages: languages, indexPage: true })
     }
     fetchConceptData()
   }, [])