your personal website on atproto - mirror
blento.app
flo-bit.dev
1<script lang="ts">
2 import { hasNSFWLabel, type PostData } from '.';
3 import Embed from './embeds/Embed.svelte';
4
5 let {
6 data
7 }: {
8 data: PostData;
9 } = $props();
10
11 let showNSFW = $state(false);
12</script>
13
14{#if hasNSFWLabel(data) && !showNSFW}
15 <button
16 onclick={() => (showNSFW = true)}
17 class="border-base-500/20 bg-base-200/50 text-base-600 dark:border-base-400/20 dark:bg-base-800/50 dark:text-base-400 accent:border-accent-900 mt-4 flex h-18 w-full cursor-pointer items-center justify-center rounded-2xl border text-center text-sm"
18 >
19 NSFW content, click to show.
20 </button>
21{:else if data.embed}
22 <Embed embed={data.embed} />
23{/if}