From e502e6d7767aa791a230055738f15029e790ff78 Mon Sep 17 00:00:00 2001
From: krilklem <rafi.panyotova@gmail.com>
Date: Tue, 16 Dec 2025 15:21:19 +0000
Subject: [PATCH 1/3] feat: Display user email in header if singed in

---
 src/App.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index 2308d8d..3227026 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -26,6 +26,7 @@ function getStoredTheme(): Theme {
 function App() {
   const [theme, setTheme] = useState<Theme>(() => getStoredTheme());
   const [isSignedIn, setIsSignedIn] = useState<boolean>(false);
+  const [email, setEmail] = useState<string | undefined>(undefined);
 
   useEffect(() => {
     const root = document.documentElement;
@@ -44,6 +45,7 @@ function App() {
         data: { user },
       } = await supabase.auth.getUser();
       setIsSignedIn(!!user);
+      setEmail(user?.email);
     }
 
     const {
@@ -75,7 +77,10 @@ function App() {
         <div className="app-nav__center"> We highlight what matters</div>
         <div className="app-nav__actions">
           {isSignedIn ? (
-            <Link to="/feedback">Feedback</Link>
+            <><span className="app-nav__divider" aria-hidden="true">{email} | </span>
+              <Link to="/feedback">Feedback</Link>
+            </>
+            
           ) : (
             <Link to="/create-user">Join Us</Link>
           )}

From b5280541df3e27d0488c79141ed13053694422e1 Mon Sep 17 00:00:00 2001
From: krilklem <rafi.panyotova@gmail.com>
Date: Tue, 16 Dec 2025 15:37:01 +0000
Subject: [PATCH 2/3] fix: Update email on login

---
 src/App.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 3227026..a16ec50 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -45,13 +45,13 @@ function App() {
         data: { user },
       } = await supabase.auth.getUser();
       setIsSignedIn(!!user);
-      setEmail(user?.email);
     }
 
     const {
       data: { subscription },
     } = supabase.auth.onAuthStateChange((_event, session) => {
       setIsSignedIn(!!session?.user);
+      setEmail(session?.user.email);
     });
 
     getSignedStatus();
@@ -71,16 +71,16 @@ function App() {
   return (
     <div className="app-shell">
       <nav className="app-nav">
+
         <div className="app-nav__brand">
-          <Link to="/">KeyCV</Link>
-        </div>
+            <Link to="/">KeyCV</Link>
+          </div>
         <div className="app-nav__center"> We highlight what matters</div>
         <div className="app-nav__actions">
           {isSignedIn ? (
             <><span className="app-nav__divider" aria-hidden="true">{email} | </span>
               <Link to="/feedback">Feedback</Link>
             </>
-            
           ) : (
             <Link to="/create-user">Join Us</Link>
           )}

From 82822f5eaaeef8ddb1ff944df69137bf44962aa7 Mon Sep 17 00:00:00 2001
From: krilklem <rafi.panyotova@gmail.com>
Date: Tue, 16 Dec 2025 15:38:43 +0000
Subject: [PATCH 3/3] chore: Lint

---
 src/App.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index a16ec50..78aeedd 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -71,14 +71,16 @@ function App() {
   return (
     <div className="app-shell">
       <nav className="app-nav">
-
         <div className="app-nav__brand">
-            <Link to="/">KeyCV</Link>
-          </div>
+          <Link to="/">KeyCV</Link>
+        </div>
         <div className="app-nav__center"> We highlight what matters</div>
         <div className="app-nav__actions">
           {isSignedIn ? (
-            <><span className="app-nav__divider" aria-hidden="true">{email} | </span>
+            <>
+              <span className="app-nav__divider" aria-hidden="true">
+                {email} |{" "}
+              </span>
               <Link to="/feedback">Feedback</Link>
             </>
           ) : (