Add menu to threads

This commit is contained in:
Jon Staab
2024-10-23 16:16:28 -07:00
parent 09028b69a4
commit 306a0f0f3d
14 changed files with 227 additions and 216 deletions
+3 -5
View File
@@ -1,15 +1,13 @@
<script lang="ts">
import {max} from '@welshman/lib'
import {max} from "@welshman/lib"
import {formatTimestamp, formatTimestampRelative} from "@welshman/app"
import {deriveEvents} from "@welshman/store"
import {repository} from "@welshman/app"
import Icon from "@lib/components/Icon.svelte"
import Link from "@lib/components/Link.svelte"
import Divider from "@lib/components/Divider.svelte"
import Content from "@app/components/Content.svelte"
import Profile from "@app/components/Profile.svelte"
import {makeThreadPath} from "@app/routes"
import {pushDrawer} from "@app/modal"
import {REPLY} from "@app/state"
export let url
@@ -27,12 +25,12 @@
{formatTimestamp(event.created_at)}
</p>
</div>
<div class="pl-12 w-full col-4">
<div class="col-4 w-full pl-12">
<Content {event} />
<div class="row-2 justify-end">
<div class="flex-inline btn btn-neutral btn-xs gap-1 rounded-full">
<Icon icon="reply" />
<span>{$replies.length} {$replies.length === 1 ? 'reply' : 'replies'}</span>
<span>{$replies.length} {$replies.length === 1 ? "reply" : "replies"}</span>
</div>
<div class="btn btn-neutral btn-xs rounded-full">
Active {formatTimestampRelative(lastActive)}