Thread viewer for Bluesky
mackuba.eu
1<script lang="ts">
2 import { api } from '../../api.js';
3 import { atURI } from '../../utils.js';
4
5 let { post, status = undefined }: { post: AnyPost, status?: string | undefined } = $props();
6
7 let handle: string | undefined = $state();
8 let handleText = $derived(handle ? `@${handle}` : 'see author');
9
10 $effect(() => {
11 let did = atURI(post.uri).repo;
12
13 api.fetchHandleForDid(did).then(loadedHandle => {
14 handle = loadedHandle;
15 });
16 });
17</script>
18
19{#if status}
20 (<a href="{post.didLinkToAuthor}" target="_blank">{handleText}</a>, {status})
21{:else}
22 (<a href="{post.didLinkToAuthor}" target="_blank">{handleText}</a>)
23{/if}