Remove score column, react and zaps buttons

This commit is contained in:
dtonon 2026-05-13 15:54:17 +01:00
parent f41868fdf1
commit 05dd79f283
6 changed files with 22 additions and 65 deletions

View file

@ -246,16 +246,6 @@
<div
class="absolute right-0 bottom-6 z-20 w-36 rounded-lg border border-neutral-100 bg-white py-1 shadow-lg text-sm"
>
<button
disabled
class="w-full px-3 py-1.5 text-left text-neutral-400 cursor-not-allowed"
aria-disabled="true">React</button
>
<button
disabled
class="w-full px-3 py-1.5 text-left text-neutral-400 cursor-not-allowed"
aria-disabled="true">Zap</button
>
<button
onclick={(e) => {
e.stopPropagation();

View file

@ -1,31 +0,0 @@
<script lang="ts">
import type { Reaction } from "$lib/mock";
type Props = {
reactions: Reaction[];
zaps: number;
};
let { reactions, zaps }: Props = $props();
</script>
<div class="flex flex-wrap items-center gap-1.5">
{#each reactions as r}
<button
class="flex items-center gap-1 rounded-full border border-neutral-200 px-2 py-0.5 text-xs hover:bg-neutral-50"
>
<span>{r.emoji}</span>
<span class="text-neutral-600">{r.count}</span>
</button>
{/each}
{#if zaps > 0}
<button
class="flex items-center gap-1 rounded-full border border-amber-200 bg-amber-50 px-2 py-0.5 text-xs hover:bg-amber-100"
>
<span></span>
<span class="text-amber-700"
>{zaps >= 1000 ? (zaps / 1000).toFixed(1) + "k" : zaps}</span
>
</button>
{/if}
</div>

View file

@ -16,7 +16,6 @@
repliers: Author[];
lastActiveAuthor: Author;
lastActivity: string;
score: number;
};
type Props = { thread: ThreadRow };
@ -71,18 +70,13 @@
</div>
</div>
<!-- Col 3: replies | score | activity -->
<!-- Col 3: replies | activity -->
<div class="flex shrink-0 items-center gap-6">
<div class="flex flex-col items-center gap-0.5">
<span class="text-neutral-800">{thread.replyCount}</span>
<span class="text-sm text-neutral-400">replies</span>
</div>
<div class="flex flex-col items-center gap-0.5">
<span class="text-accent">{thread.score}</span>
<span class="text-sm text-neutral-400">score</span>
</div>
<div class="flex flex-col items-center gap-0.5">
<div class="flex items-center gap-1">
{@render avatar(