Remove score column, react and zaps buttons
This commit is contained in:
parent
f41868fdf1
commit
05dd79f283
6 changed files with 22 additions and 65 deletions
|
|
@ -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();
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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(
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue