Use redirectToLogin instead of a Link

Karol-2 · Mar 6, 2024 · f88dc9f · f88dc9f
1 parent 6f3f705
commit f88dc9f
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/frontend/src/layout/WelcomeMessage.tsx b/frontend/src/layout/WelcomeMessage.tsx
@@ -1,3 +1,4 @@
+import { useUser } from "../helpers/UserContext";
 import LogoSVG from "/logo.svg";
 import { Link } from "react-router-dom";
 
@@ -6,6 +7,8 @@ const scrollToTop = (): void => {
 };
 
 export default function WelcomeMessage() {
+  const { redirectToLogin } = useUser();
+
   return (
     <div className="relative overflow-hidden" id="background">
       <div
@@ -44,14 +47,13 @@ export default function WelcomeMessage() {
                 className=" z-50 flex flex-col lg:flex-row"
                 id="buttons-section"
               >
-                <Link to="/login">
-                  <button
-                    className="btn primary w-64 m-5 fade-in"
-                    id="login-button"
-                  >
-                    Login
-                  </button>
-                </Link>
+                <button
+                  className="btn primary w-64 m-5 fade-in"
+                  id="login-button"
+                  onClick={() => redirectToLogin()}
+                >
+                  Login
+                </button>
                 <Link to="/register">
                   <button
                     className="btn secondary w-64 m-5 text-my-light fade-in"