From 3ec31434aa442c8c30bd108b0d12e71290a35a45 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Thu, 18 Dec 2025 18:15:35 -0800
Subject: [PATCH] make phantom row clickable, link to crew profile

---
 src/lib/components/crew/PhantomRow.svelte | 34 +++++++++++++++++------
 1 file changed, 26 insertions(+), 8 deletions(-)

diff --git a/src/lib/components/crew/PhantomRow.svelte b/src/lib/components/crew/PhantomRow.svelte
index f07c7a8e..cc74ddd0 100644
--- a/src/lib/components/crew/PhantomRow.svelte
+++ b/src/lib/components/crew/PhantomRow.svelte
@@ -1,6 +1,7 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
+	import { goto } from '$app/navigation'
 	import Button from '$lib/components/ui/Button.svelte'
 	import DropdownMenu from '$lib/components/ui/DropdownMenu.svelte'
 	import { DropdownMenu as DropdownMenuBase } from 'bits-ui'
@@ -40,14 +41,16 @@
 </script>
 
 <li class="phantom-row" class:retired={phantom.retired}>
-	<div class="phantom-info">
-		<div class="phantom-details">
-			<span class="name">{phantom.name}</span>
-			{#if phantom.joinedAt}
-				<span class="joined-date">Joined {formatDate(phantom.joinedAt)}</span>
-			{/if}
+	<a href="/crew/phantoms/{phantom.id}" class="phantom-link">
+		<div class="phantom-info">
+			<div class="phantom-details">
+				<span class="name">{phantom.name}</span>
+				{#if phantom.joinedAt}
+					<span class="joined-date">Joined {formatDate(phantom.joinedAt)}</span>
+				{/if}
+			</div>
 		</div>
-	</div>
+	</a>
 
 	<div class="phantom-actions">
 		{#if claimStatus === 'unclaimed'}
@@ -65,6 +68,12 @@
 					<Button variant="ghost" size="small" iconOnly icon="ellipsis" {...props} />
 				{/snippet}
 				{#snippet menu()}
+					<DropdownMenuBase.Item
+						class="dropdown-menu-item"
+						onclick={() => goto(`/crew/phantoms/${phantom.id}`)}
+					>
+						View crew profile
+					</DropdownMenuBase.Item>
 					{#if onEdit}
 						<DropdownMenuBase.Item class="dropdown-menu-item" onclick={onEdit}>
 							Edit
@@ -110,7 +119,6 @@
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
-		padding: spacing.$unit spacing.$unit spacing.$unit spacing.$unit-2x;
 		border-radius: layout.$item-corner;
 		transition: background-color 0.15s;
 
@@ -123,6 +131,15 @@
 		}
 	}
 
+	.phantom-link {
+		flex: 1;
+		display: flex;
+		align-items: center;
+		padding: spacing.$unit spacing.$unit spacing.$unit spacing.$unit-2x;
+		text-decoration: none;
+		color: inherit;
+	}
+
 	.phantom-info {
 		display: flex;
 		align-items: center;
@@ -150,6 +167,7 @@
 		display: flex;
 		align-items: center;
 		gap: spacing.$unit;
+		padding-right: spacing.$unit;
 	}
 
 	.claim-buttons {