Changeset 3ebe47c for frontend/src/pages/LandingPage/components/Hero.jsx

Timestamp:

02/09/26 21:36:40 (5 months ago)

Author:

Andrej <asumanovski@…>

Branches:

master

Children:

8615885

Parents:

140d098

Message:

Made authentication on frontend and backend

File:

• frontend/src/pages/LandingPage/components/Hero.jsx (modified) (2 diffs)

frontend/src/pages/LandingPage/components/Hero.jsx

@@ -1 @@
-import React from "react";
+import React, { useEffect, useState } from "react";
+import { Link } from "react-router-dom";
 
 const Hero = () => {
+  const [isAuthed, setIsAuthed] = useState(() =>
+    Boolean(localStorage.getItem("authToken")),
+  );
+
+  useEffect(() => {
+    const onStorage = (e) => {
+      if (e.key === "authToken") {
+        setIsAuthed(Boolean(e.newValue));
+      }
+    };
+    window.addEventListener("storage", onStorage);
+    return () => window.removeEventListener("storage", onStorage);
+  }, []);
+
   return (
     <div
@@ -21 +36 @@
             consistently, and see your progress in one place.
           </p>
-          <button className="btn btn-primary">Get started</button>
+          <Link
+            className="btn btn-primary"
+            to={isAuthed ? "/dashboard" : "/register"}
+          >
+            {isAuthed ? "Go to dashboard" : "Get started"}
+          </Link>
         </div>
       </div>