From 2c031b0102ca442d1fcb577dc85802cb520e7aac Mon Sep 17 00:00:00 2001
From: khannurien <yo@vincentlannurien.com>
Date: Thu, 8 Oct 2026 22:23:46 +0000
Subject: [PATCH] =?UTF-8?q?v4:=20the=20header=20drops=20the=20username=20l?=
 =?UTF-8?q?ink=20=E2=80=94=20on=20wide=20screens=20it=20stood=20beside=20t?=
 =?UTF-8?q?he=20avatar,=20which=20leads=20to=20the=20same=20profile,=20so?=
 =?UTF-8?q?=20only=20Playlists=20stays=20there.=20The=20avatar's=20menu=20?=
 =?UTF-8?q?still=20opens=20with=20@username=20first.=20670=20frontend=20te?=
 =?UTF-8?q?sts=20pass,=20and=20tsc,=20eslint,=20deno=20fmt=20and=20i18n:co?=
 =?UTF-8?q?mpile=20--strict=20are=20clean;=20checked=20in=20a=20screenshot?=
 =?UTF-8?q?=20in=20Smooth=20dark=20at=201400px.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 locales/en.po                                 | 14 +++++++-------
 locales/fr.po                                 | 14 +++++++-------
 src/components/layout/AppHeader.tsx           | 10 ++--------
 src/components/layout/UserMenu.tsx            |  4 ++--
 src/test/components/layout/AppHeader.test.tsx |  6 ++++--
 5 files changed, 22 insertions(+), 26 deletions(-)

diff --git a/locales/en.po b/locales/en.po
index 72eb8e8c..bfdaa392 100644
--- a/locales/en.po
+++ b/locales/en.po
@@ -607,7 +607,7 @@ msgstr "Cancel removal"
 msgid "Cancel reply"
 msgstr "Cancel reply"
 
-#: src/components/layout/AppHeader.tsx:188
+#: src/components/layout/AppHeader.tsx:182
 msgid "Cancel search"
 msgstr "Cancel search"
 
@@ -869,7 +869,7 @@ msgstr "Drop a file here, or paste one"
 msgid "Drop a replacement here"
 msgstr "Drop a replacement here"
 
-#: src/components/layout/AppHeader.tsx:207
+#: src/components/layout/AppHeader.tsx:201
 msgid "Dump"
 msgstr "Dump"
 
@@ -1176,7 +1176,7 @@ msgstr "Link or file"
 msgid "Live updates are temporarily disconnected. Trying to reconnect…"
 msgstr "Live updates are temporarily disconnected. Trying to reconnect…"
 
-#: src/components/layout/AppHeader.tsx:240
+#: src/components/layout/AppHeader.tsx:234
 msgid "Live updates unavailable."
 msgstr "Live updates unavailable."
 
@@ -1219,7 +1219,7 @@ msgstr "Loading profile…"
 msgid "Loading…"
 msgstr "Loading…"
 
-#: src/components/layout/AppHeader.tsx:214
+#: src/components/layout/AppHeader.tsx:208
 #: src/pages/UserLogin.tsx:41
 #: src/pages/UserLogin.tsx:67
 #: src/pages/UserLogin.tsx:86
@@ -1463,7 +1463,7 @@ msgid "Play"
 msgstr "Play"
 
 #: src/components/dump/create/StepIndicator.tsx:21
-#: src/components/layout/AppHeader.tsx:178
+#: src/components/layout/AppHeader.tsx:172
 #: src/components/layout/UserMenu.tsx:85
 #: src/components/profile/ProfileFollowTab.tsx:167
 #: src/components/profile/ProfilePlaylistsTab.tsx:118
@@ -1633,7 +1633,7 @@ msgstr "Save"
 msgid "Saving…"
 msgstr "Saving…"
 
-#: src/components/layout/AppHeader.tsx:188
+#: src/components/layout/AppHeader.tsx:182
 #: src/components/layout/SearchBar.tsx:83
 #: src/pages/Search.tsx:69
 msgid "Search"
@@ -1676,7 +1676,7 @@ msgstr "Send reset link"
 msgid "Sending…"
 msgstr "Sending…"
 
-#: src/components/layout/AppHeader.tsx:204
+#: src/components/layout/AppHeader.tsx:198
 msgid "Server unreachable"
 msgstr "Server unreachable"
 
diff --git a/locales/fr.po b/locales/fr.po
index c60e2ebd..3dd14d9c 100644
--- a/locales/fr.po
+++ b/locales/fr.po
@@ -607,7 +607,7 @@ msgstr "Annuler la suppression"
 msgid "Cancel reply"
 msgstr "Annuler la réponse"
 
-#: src/components/layout/AppHeader.tsx:188
+#: src/components/layout/AppHeader.tsx:182
 msgid "Cancel search"
 msgstr "Annuler la recherche"
 
@@ -869,7 +869,7 @@ msgstr "Déposez un fichier ici, ou collez-en un"
 msgid "Drop a replacement here"
 msgstr "Déposez un fichier de remplacement ici"
 
-#: src/components/layout/AppHeader.tsx:207
+#: src/components/layout/AppHeader.tsx:201
 msgid "Dump"
 msgstr "Reco"
 
@@ -1176,7 +1176,7 @@ msgstr "Lien ou fichier"
 msgid "Live updates are temporarily disconnected. Trying to reconnect…"
 msgstr "Les mises à jour en direct sont temporairement interrompues. Tentative de reconnexion…"
 
-#: src/components/layout/AppHeader.tsx:240
+#: src/components/layout/AppHeader.tsx:234
 msgid "Live updates unavailable."
 msgstr "Mises à jour en direct indisponibles."
 
@@ -1219,7 +1219,7 @@ msgstr "Chargement du profil…"
 msgid "Loading…"
 msgstr "Chargement…"
 
-#: src/components/layout/AppHeader.tsx:214
+#: src/components/layout/AppHeader.tsx:208
 #: src/pages/UserLogin.tsx:41
 #: src/pages/UserLogin.tsx:67
 #: src/pages/UserLogin.tsx:86
@@ -1463,7 +1463,7 @@ msgid "Play"
 msgstr "Lecture"
 
 #: src/components/dump/create/StepIndicator.tsx:21
-#: src/components/layout/AppHeader.tsx:178
+#: src/components/layout/AppHeader.tsx:172
 #: src/components/layout/UserMenu.tsx:85
 #: src/components/profile/ProfileFollowTab.tsx:167
 #: src/components/profile/ProfilePlaylistsTab.tsx:118
@@ -1633,7 +1633,7 @@ msgstr "Enregistrer"
 msgid "Saving…"
 msgstr "Enregistrement…"
 
-#: src/components/layout/AppHeader.tsx:188
+#: src/components/layout/AppHeader.tsx:182
 #: src/components/layout/SearchBar.tsx:83
 #: src/pages/Search.tsx:69
 msgid "Search"
@@ -1676,7 +1676,7 @@ msgstr "Envoyer le lien de réinitialisation"
 msgid "Sending…"
 msgstr "Envoi…"
 
-#: src/components/layout/AppHeader.tsx:204
+#: src/components/layout/AppHeader.tsx:198
 msgid "Server unreachable"
 msgstr "Serveur inaccessible"
 
diff --git a/src/components/layout/AppHeader.tsx b/src/components/layout/AppHeader.tsx
index e6f26af5..3929a638 100644
--- a/src/components/layout/AppHeader.tsx
+++ b/src/components/layout/AppHeader.tsx
@@ -159,18 +159,12 @@ export function AppHeader(
         <nav className="app-header-nav">
           {
             /* The user's own links lead the row, so the icons after them run
-              unbroken to the "+": the text links on wide screens, then the
-              avatar's menu at every width. */
+              unbroken to the "+": Playlists on wide screens, then the
+              avatar's menu, which leads to their profile, at every width. */
           }
           {user && (
             <>
               <div className="nav-links">
-                <Link
-                  to={userPath(user.username)}
-                  className="app-header-user"
-                >
-                  {user.username}
-                </Link>
                 <Link
                   to={userPath(user.username, "playlists")}
                   className="app-header-user"
diff --git a/src/components/layout/UserMenu.tsx b/src/components/layout/UserMenu.tsx
index d5b0145f..1dcf3e67 100644
--- a/src/components/layout/UserMenu.tsx
+++ b/src/components/layout/UserMenu.tsx
@@ -1,7 +1,7 @@
 /**
  * Renders the avatar menu that leads the header's icon row at every width: it
- * holds the profile and playlists links (on small screens, the only ones), the
- * settings, the site's tools, and logging out.
+ * holds the profile link, the playlists one (on small screens, the only one),
+ * the settings, the site's tools, and logging out.
  *
  * @module
  */
diff --git a/src/test/components/layout/AppHeader.test.tsx b/src/test/components/layout/AppHeader.test.tsx
index 1b11582d..648bbfaa 100644
--- a/src/test/components/layout/AppHeader.test.tsx
+++ b/src/test/components/layout/AppHeader.test.tsx
@@ -24,10 +24,12 @@ describe("AppHeader", () => {
     renderWithContexts(<AppHeader disableNew />, {
       session: makeSession({ username: "ann" }),
     });
-    expect(screen.getByRole("link", { name: "ann" })).toHaveAttribute(
+    expect(screen.getByRole("link", { name: "Playlists" })).toHaveAttribute(
       "href",
-      "/@ann",
+      "/@ann/playlists",
     );
+    expect(screen.getByRole("button", { name: "User menu" }))
+      .toBeInTheDocument();
     expect(screen.getByRole("button", { name: "Chat" })).toBeInTheDocument();
     expect(screen.getByRole("button", { name: "Notifications" }))
       .toBeInTheDocument();