Something went wrong. Try again.
your personal website on atproto - mirror blento.app
Something went wrong. Try again.
Svelte
123456789101112131415161718192021222324252627282930313233343536373839<script lang="ts"> import type { PostEmbed } from '../'; import External from './External.svelte'; import Images from './Images.svelte'; import Video from './Video.svelte'; import QuotedPost from './QuotedPost.svelte';
const { embed }: { embed: PostEmbed } = $props();</script>
<div class="flex flex-col gap-2 pt-3 text-sm"> {#if embed.type === 'images'} <Images data={embed} /> {:else if embed.type === 'external' && embed.external} <External data={embed} /> {:else if embed.type === 'video' && embed.video} <Video data={embed} /> {:else if embed.type === 'record' && embed.record} <QuotedPost record={embed.record} /> {:else if embed.type === 'recordWithMedia' && embed.record} {#if embed.media} {#if embed.media.type === 'images'} <Images data={embed.media} /> {:else if embed.media.type === 'external' && embed.media.external} <External data={embed.media} /> {:else if embed.media.type === 'video' && embed.media.video} <Video data={embed.media} /> {/if} {/if} <QuotedPost record={embed.record} /> {:else if embed.type === 'unknown'} <div class="text-base-700 dark:text-base-300 bg-base-200/50 dark:bg-base-900/50 border-base-300 dark:border-base-600/30 rounded-2xl border p-4 text-sm" > Unknown embed type </div> {/if}</div>