From 7836ca19282e5e45c8af35a7b2ad6fd03b755d34 Mon Sep 17 00:00:00 2001
From: needs <624097+needs@users.noreply.github.com>
Date: Tue, 25 Aug 2026 15:41:41 +0200
Subject: [PATCH] Show current clan for past members and keep list filters
 inline

The clan player list labelled every row with the clan whose page was being
viewed, so past members appeared to still be in it. Rows now show the player's
actual current clan.

The "shared" and "inactive" eye toggles also wrapped onto a second line in the
Name column header; they now stay on one row.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 apps/frontend/app/clan/[clanName]/page.tsx | 2 +-
 apps/frontend/components/PlayerList.tsx    | 7 +++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/apps/frontend/app/clan/[clanName]/page.tsx b/apps/frontend/app/clan/[clanName]/page.tsx
index a2ff795..df08783 100644
--- a/apps/frontend/app/clan/[clanName]/page.tsx
+++ b/apps/frontend/app/clan/[clanName]/page.tsx
@@ -157,7 +157,7 @@ export default async function Index({
         players={clan.clanPlayerInfos.map((playerInfo, index) => ({
           rank: index + 1,
           name: playerInfo.player.name,
-          clan: clanName,
+          clan: playerInfo.player.clanName ?? undefined,
           isActiveClan: playerInfo.player.clanName === clanName,
           playTime: playerInfo.playTime,
           lastSeenAt: playerInfo.player.lastSeenAt,
diff --git a/apps/frontend/components/PlayerList.tsx b/apps/frontend/components/PlayerList.tsx
index d38f460..0a17454 100644
--- a/apps/frontend/components/PlayerList.tsx
+++ b/apps/frontend/components/PlayerList.tsx
@@ -43,7 +43,7 @@ export function PlayerList({
     },
     {
       title: (
-        <>
+        <span className="flex flex-row items-center gap-2 whitespace-nowrap">
           Name
           <Suspense>
             <EyeToggle
@@ -52,7 +52,7 @@ export function PlayerList({
               param="shared"
               value="hidden"
               visibleWhenSet={false}
-              className="ml-3"
+              className="ml-1"
             />
             {showInactiveToggle && (
               <EyeToggle
@@ -61,11 +61,10 @@ export function PlayerList({
                 param="past"
                 value="true"
                 visibleWhenSet={true}
-                className="ml-2"
               />
             )}
           </Suspense>
-        </>
+        </span>
       ),
       expand: true,
     },