Something went wrong. Try again.
your personal website on atproto - mirror blento.app
Something went wrong. Try again.
Svelte
at formatting
123456789101112131415161718192021222324252627282930313233343536373839404142<script lang="ts"> import { Alert, Button, Input, Subheading } from '@foxui/core'; import Modal from '$lib/components/modal/Modal.svelte'; import type { CreationModalComponentProps } from '../../types';
let { item = $bindable(), oncreate, oncancel }: CreationModalComponentProps = $props();
let errorMessage = $state('');
async function checkUrl() { errorMessage = ''; try { new URL(item.cardData.href); } catch { errorMessage = 'Invalid URL!'; return false; }
return true; }</script>
<Modal open={true} closeButton={false}> <Subheading>Enter a link to embed</Subheading> <Input bind:value={item.cardData.href} />
{#if errorMessage} <Alert type="error" title="Failed to create embed card"><span>{errorMessage}</span></Alert> {/if}
<div class="mt-4 flex justify-end gap-2"> <Button onclick={oncancel} variant="ghost">Cancel</Button> <Button onclick={async () => { if (await checkUrl()) oncreate(); }} > Create</Button > </div></Modal>