this repo has no description
lewis.moe
1<script lang="ts">
2 import type { Snippet } from 'svelte'
3 import { _ } from '../../lib/i18n'
4
5 interface Props {
6 handle: string
7 did: string
8 description?: string
9 extraContent?: Snippet
10 }
11
12 let { handle, did, description, extraContent }: Props = $props()
13</script>
14
15<div class="step-content success-content">
16 <div class="success-icon">✓</div>
17 <h2>{$_('migration.inbound.success.title')}</h2>
18 <p>{description || $_('migration.inbound.success.desc')}</p>
19
20 <div class="success-details">
21 <div class="detail-row">
22 <span class="label">{$_('migration.inbound.success.yourNewHandle')}:</span>
23 <span class="value">{handle}</span>
24 </div>
25 <div class="detail-row">
26 <span class="label">{$_('migration.inbound.success.did')}:</span>
27 <span class="value mono">{did}</span>
28 </div>
29 </div>
30
31 {#if extraContent}
32 {@render extraContent()}
33 {/if}
34
35 <p class="redirect-text">{$_('migration.inbound.success.redirecting')}</p>
36</div>