From f15d452782d14b992aafbc28dcdfee6a6e920dda Mon Sep 17 00:00:00 2001
From: Anton Kupriianov <antncooper@gmail.com>
Date: Mon, 28 Apr 2025 14:32:41 -0700
Subject: [PATCH] adding a display name on auth user

---
 src/components/Hero.jsx | 14 ++++++++++++++
 src/pages/HomePage.jsx  | 42 +++++++++++++++++++++++++----------------
 2 files changed, 40 insertions(+), 16 deletions(-)

diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
index f7e753d..10552f7 100644
--- a/src/components/Hero.jsx
+++ b/src/components/Hero.jsx
@@ -13,6 +13,20 @@ function Hero() {
         cursor.style.top = `${e.clientY}px`;
       }
     };
+    async function fetchUser() {
+      const res = await fetch("http://localhost:3000/api/current_user", {
+        credentials: "include", // very important
+      });
+      if (res.ok) {
+        const user = await res.json();
+        console.log("User display name:", user.displayName);
+
+        setUser(user);
+      } else {
+        setUser(null);
+      }
+    }
+    fetchUser();
 
     window.addEventListener("mousemove", handleMouseMove);
 
diff --git a/src/pages/HomePage.jsx b/src/pages/HomePage.jsx
index 09a992a..887a584 100644
--- a/src/pages/HomePage.jsx
+++ b/src/pages/HomePage.jsx
@@ -1,23 +1,33 @@
 // Page - Home
-import { useEffect } from 'react';
+import { useEffect } from "react";
 
 const PageHome = () => {
+  useEffect(() => {
+    document.title = "Home";
+  }, []);
+  const [user, setUser] = useState(null);
 
-    useEffect(()=>{
-        document.title = 'Home';
-    },[]);
-
-    return (
-        <div className="homepage-container">
-            <main>
-                <section>
-                    <h2>Home Page</h2>
-                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit porro, dolorem, quod facere enim voluptate provident quo labore vero repellat nemo animi ad exercitationem rem quos, possimus libero deleniti laudantium?</p>
-                </section>
-            </main>
-        </div>
-    );
+  //   useEffect(() => {
+  //     if (user) {
+  //       console.log(`Welcome, ${user.displayName || "Guest"}!`);
+  //     }
+  //   }, [user]);
 
+  return (
+    <div className="homepage-container">
+      <main>
+        <section>
+          <h2>Home Page</h2>
+          <p>
+            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit
+            porro, dolorem, quod facere enim voluptate provident quo labore vero
+            repellat nemo animi ad exercitationem rem quos, possimus libero
+            deleniti laudantium?
+          </p>
+        </section>
+      </main>
+    </div>
+  );
 };
 
-export default PageHome;
\ No newline at end of file
+export default PageHome;