From 8b7aae1f0df59977a7236a69fbe08f6e04ce124e Mon Sep 17 00:00:00 2001
From: Aron Buzogany <108480125+AronBuzogany@users.noreply.github.com>
Date: Thu, 23 May 2024 20:46:05 +0200
Subject: [PATCH] redirecting to homepage when user not logged in (#421)

* redirecting to homepage when user not logged in

* linting
---
 frontend/src/App.tsx                      |  1 +
 frontend/src/components/Header/Layout.tsx | 41 ++++++++++++++++++++++-
 2 files changed, 41 insertions(+), 1 deletion(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 6d2cad70..a3c39927 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -35,6 +35,7 @@ const router = createBrowserRouter(
     >
       <Route index element={<HomePages />} loader={fetchProjectPage} />
       <Route path=":lang" element={<LanguagePath />}>
+        <Route index element={<HomePages />} loader={fetchProjectPage} />
         <Route path="home" element={<HomePages />} loader={fetchProjectPage} />
         <Route path="courses">
           <Route
diff --git a/frontend/src/components/Header/Layout.tsx b/frontend/src/components/Header/Layout.tsx
index b7852b91..959d6166 100644
--- a/frontend/src/components/Header/Layout.tsx
+++ b/frontend/src/components/Header/Layout.tsx
@@ -1,6 +1,13 @@
-import { Outlet, useLoaderData } from "react-router-dom";
+import {
+  Outlet,
+  useLoaderData,
+  useLocation,
+  useNavigate,
+} from "react-router-dom";
 import { Header } from "./Header.tsx";
 import { Me } from "../../types/me.ts";
+import { useEffect } from "react";
+import i18next from "i18next";
 
 /**
  * Basic layout component that will be used on all routes.
@@ -8,6 +15,21 @@ import { Me } from "../../types/me.ts";
  */
 export default function Layout(): JSX.Element {
   const meData: Me = useLoaderData() as Me;
+  useEnsureLangCodeInPath();
+  const navigate = useNavigate();
+  const location = useLocation();
+
+  useEffect(() => {
+    if (
+      !meData.loggedIn &&
+      !(
+        location.pathname === "/" ||
+        /\/([a-z]{2})?\/home/.test(location.pathname)
+      )
+    ) {
+      navigate("/");
+    }
+  }, [meData.loggedIn, location.pathname, navigate]);
 
   return (
     <>
@@ -16,3 +38,20 @@ export default function Layout(): JSX.Element {
     </>
   );
 }
+
+const useEnsureLangCodeInPath = () => {
+  const location = useLocation();
+  const navigate = useNavigate();
+
+  useEffect(() => {
+    const pathParts = location.pathname.split("/").filter(Boolean);
+    const langCode = i18next.resolvedLanguage;
+
+    // Check if the URL starts with the lang code
+    if (pathParts[0] !== langCode) {
+      // Prepend the lang code to the path
+      const newPath = `/${langCode}/${pathParts.join("/")}`;
+      navigate(newPath);
+    }
+  }, [location, navigate]);
+};
\ No newline at end of file