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 class="flex flex-wrap items-center gap-x-1 gap-y-1.5 typography-paragraph-small text-foreground-muted">
19 <IssueStatePill {state} />
20
21 <span class="ml-1 flex items-center gap-1">
22 opened by
23 <User handle={authorHandle} did={authorDid} />
24 </span>
25
26 <span class="before:mr-1 before:content-['·']">
27 <TimeAgo value={createdAt} />
28 </span>
29
30 {#if actions}
31 <div class="ml-auto flex items-center gap-2">
32 {@render actions()}
33 </div>
34 {/if}
35</div>