alice.pds.demo.boltless.dev
This repository has no description
1<script lang="ts">
2 import type { Snippet } from "svelte";
3 import IssueStatePill from "./IssueStatePill.svelte";
4 import User from "$lib/components/ui/User.svelte";
5 import TimeAgo from "$lib/components/ui/TimeAgo.svelte";
6
7 interface Props {
8 state: "open" | "closed";
9 authorHandle: string;
10 authorDid: string;
11 createdAt: string;
12 actions?: Snippet;
13 }
14
15 let { state, authorHandle, authorDid, createdAt, actions }: Props = $props();
16</script>
17
18<div
19 class="flex flex-wrap items-center gap-x-1 gap-y-1.5 typography-paragraph-small text-foreground-muted"
20>
21 <IssueStatePill {state} />
22
23 <span class="ml-1 flex items-center gap-1">
24 opened by
25 <User size="small" handle={authorHandle} did={authorDid} />
26 </span>
27
28 <span class="before:mr-1 before:content-['·']">
29 <TimeAgo value={createdAt} />
30 </span>
31
32 {#if actions}
33 <div class="ml-auto flex items-center gap-2">
34 {@render actions()}
35 </div>
36 {/if}
37</div>