web-player/src/lib/components/ui/media/UserRow.svelte

@@ -1,28 +1,20 @@
 <script lang="ts">
 	import ListRow from './ListRow.svelte';
 	import Avatar from './Avatar.svelte';
-	import FollowButton from './FollowButton.svelte';
 
 	interface Props {
 		user: {
 			id: string;
 			name: string;
 			profilePictureUrl: string | null;
-			isFollowedByViewer: boolean;
 		};
-		canFollow?: boolean;
 	}
 
-	let { user, canFollow = false }: Props = $props();
+	let { user }: Props = $props();
 </script>
 
-<div class="flex items-center gap-3">
+<ListRow title={user.name} href="/user/{user.id}" size="lg" class="min-w-0 flex-1">
-	<ListRow title={user.name} href="/user/{user.id}" size="lg" class="min-w-0 flex-1">
+	{#snippet art()}
-		{#snippet art()}
+		<Avatar name={user.name} src={user.profilePictureUrl} size="md" />
-			<Avatar name={user.name} src={user.profilePictureUrl} size="md" />
+	{/snippet}
-		{/snippet}
+</ListRow>
-	</ListRow>
-	{#if canFollow}
-		<FollowButton following={user.isFollowedByViewer} userId={user.id} class="shrink-0" />
-	{/if}
-</div>

web-player/src/routes/(app)/explore/+page.svelte

@@ -403,7 +403,7 @@
 					<ul class="flex flex-col gap-1">
 						{#each capped(sfilter, users) as u (u.id)}
 							<li>
-								<UserRow user={u} canFollow={data.viewerId !== null && data.viewerId !== u.id} />
+								<UserRow user={u} />
 							</li>
 						{/each}
 					</ul>

web-player/src/routes/(app)/user/[id]/[list=followList]/+page.svelte

@@ -84,7 +84,7 @@
 		<ul class="flex flex-col gap-1">
 			{#each items as user (user.id)}
 				<li>
-					<UserRow {user} canFollow={data.viewerId !== null && data.viewerId !== user.id} />
+					<UserRow {user} />
 				</li>
 			{/each}
 		</ul>