From 509557ed6fec52036cc89f46ccb2443c3e948839 Mon Sep 17 00:00:00 2001
From: Davide Scaini <davide.scaini@alumni.cern>
Date: Thu, 9 Apr 2026 10:35:58 +0200
Subject: [PATCH] fix: the user feed shows a page that nests again "feed stats
 athlete" that should be shown only if you are browsing a user that is not you

---
 site/src/layouts/Base.astro                   | 12 ++++++++++++
 site/src/pages/u/[handle]/athlete/index.astro | 12 +++++++++++-
 site/src/pages/u/[handle]/index.astro         | 12 +++++++++++-
 site/src/pages/u/[handle]/stats/index.astro   | 12 +++++++++++-
 4 files changed, 45 insertions(+), 3 deletions(-)

diff --git a/site/src/layouts/Base.astro b/site/src/layouts/Base.astro
index d5e3889..1404660 100644
--- a/site/src/layouts/Base.astro
+++ b/site/src/layouts/Base.astro
@@ -313,6 +313,14 @@ try {
     });
   </script>
 
+  <!-- Single-user: expose the handle synchronously so profile pages can detect "own profile" -->
+  {singleHandle && (
+    <script define:vars={{ singleHandle }}>
+      window.__bincioMe = singleHandle;
+      window.dispatchEvent(new CustomEvent('bincio:me', { detail: singleHandle }));
+    </script>
+  )}
+
   <!-- User widget: only needed for multi-user (single-user nav links are static) -->
   {!singleHandle && (
     <script define:vars={{ baseUrl }}>
@@ -322,6 +330,10 @@ try {
           if (!r.ok) return;
           const user = await r.json();
 
+          // Expose handle for profile pages
+          window.__bincioMe = user.handle;
+          window.dispatchEvent(new CustomEvent('bincio:me', { detail: user.handle }));
+
           // Show @handle link → /u/{handle}/
           const meEl = document.getElementById('nav-me');
           if (meEl) {
diff --git a/site/src/pages/u/[handle]/athlete/index.astro b/site/src/pages/u/[handle]/athlete/index.astro
index 6b1eef6..16bd3d9 100644
--- a/site/src/pages/u/[handle]/athlete/index.astro
+++ b/site/src/pages/u/[handle]/athlete/index.astro
@@ -22,7 +22,7 @@ const athleteUrl = `${mergedBase}athlete.json`;
 <Base title={`@${handle} Athlete — BincioActivity`}>
   <div class="max-w-5xl mx-auto px-4 pt-6 pb-2">
     <h1 class="text-2xl font-bold text-white mb-0.5">@{handle}</h1>
-    <nav class="flex gap-4 mt-1 mb-6">
+    <nav id="profile-subnav" class="flex gap-4 mt-1 mb-6">
       <a href={`${base}u/${handle}/`} class="text-sm text-zinc-400 hover:text-white transition-colors">Feed</a>
       <a href={`${base}u/${handle}/stats/`} class="text-sm text-zinc-400 hover:text-white transition-colors">Stats</a>
       <a href={`${base}u/${handle}/athlete/`} class="text-sm text-[--accent]">Athlete</a>
@@ -30,3 +30,13 @@ const athleteUrl = `${mergedBase}athlete.json`;
   </div>
   <AthleteView {base} {indexUrl} {athleteUrl} client:only="svelte" />
 </Base>
+<script define:vars={{ handle }}>
+  function applyMeCheck(me) {
+    if (me === handle) document.getElementById('profile-subnav')?.remove();
+  }
+  if (window.__bincioMe !== undefined) {
+    applyMeCheck(window.__bincioMe);
+  } else {
+    window.addEventListener('bincio:me', e => applyMeCheck(e.detail), { once: true });
+  }
+</script>
diff --git a/site/src/pages/u/[handle]/index.astro b/site/src/pages/u/[handle]/index.astro
index 384f399..2193f97 100644
--- a/site/src/pages/u/[handle]/index.astro
+++ b/site/src/pages/u/[handle]/index.astro
@@ -23,7 +23,7 @@ const base = import.meta.env.BASE_URL;
   <div class="max-w-5xl mx-auto px-4 pt-6 pb-2 flex items-center gap-4">
     <div>
       <h1 class="text-2xl font-bold text-white mb-0.5">@{handle}</h1>
-      <nav class="flex gap-4 mt-1">
+      <nav id="profile-subnav" class="flex gap-4 mt-1">
         <a href={`${base}u/${handle}/`} class="text-sm text-[--accent]">Feed</a>
         <a href={`${base}u/${handle}/stats/`} class="text-sm text-zinc-400 hover:text-white transition-colors">Stats</a>
         <a href={`${base}u/${handle}/athlete/`} class="text-sm text-zinc-400 hover:text-white transition-colors">Athlete</a>
@@ -32,3 +32,13 @@ const base = import.meta.env.BASE_URL;
   </div>
   <ActivityFeed {base} filterHandle={handle} profileIndexUrl={shardUrl} client:only="svelte" />
 </Base>
+<script define:vars={{ handle }}>
+  function applyMeCheck(me) {
+    if (me === handle) document.getElementById('profile-subnav')?.remove();
+  }
+  if (window.__bincioMe !== undefined) {
+    applyMeCheck(window.__bincioMe);
+  } else {
+    window.addEventListener('bincio:me', e => applyMeCheck(e.detail), { once: true });
+  }
+</script>
diff --git a/site/src/pages/u/[handle]/stats/index.astro b/site/src/pages/u/[handle]/stats/index.astro
index 6e99451..b655e94 100644
--- a/site/src/pages/u/[handle]/stats/index.astro
+++ b/site/src/pages/u/[handle]/stats/index.astro
@@ -20,7 +20,7 @@ const indexUrl = `${base}data/${handle}/_merged/index.json`;
 <Base title={`@${handle} Stats — BincioActivity`}>
   <div class="max-w-5xl mx-auto px-4 pt-6 pb-2">
     <h1 class="text-2xl font-bold text-white mb-0.5">@{handle}</h1>
-    <nav class="flex gap-4 mt-1 mb-6">
+    <nav id="profile-subnav" class="flex gap-4 mt-1 mb-6">
       <a href={`${base}u/${handle}/`} class="text-sm text-zinc-400 hover:text-white transition-colors">Feed</a>
       <a href={`${base}u/${handle}/stats/`} class="text-sm text-[--accent]">Stats</a>
       <a href={`${base}u/${handle}/athlete/`} class="text-sm text-zinc-400 hover:text-white transition-colors">Athlete</a>
@@ -28,3 +28,13 @@ const indexUrl = `${base}data/${handle}/_merged/index.json`;
   </div>
   <StatsView {indexUrl} client:only="svelte" />
 </Base>
+<script define:vars={{ handle }}>
+  function applyMeCheck(me) {
+    if (me === handle) document.getElementById('profile-subnav')?.remove();
+  }
+  if (window.__bincioMe !== undefined) {
+    applyMeCheck(window.__bincioMe);
+  } else {
+    window.addEventListener('bincio:me', e => applyMeCheck(e.detail), { once: true });
+  }
+</script>