svelte 5 migartion and some fixes

This commit is contained in:
Harsh Mahajan
2025-10-23 18:11:55 +05:30
parent 32180c5d38
commit fe1803247c
3 changed files with 12 additions and 17 deletions
@@ -9,7 +9,6 @@
import Link from '$lib/elements/link.svelte';
import { Card, Layout, Typography } from '@appwrite.io/pink-svelte';
import { Dependencies } from '$lib/constants';
import { onDestroy } from 'svelte';
import { resolve } from '$app/paths';
import ResendCooldown from '$lib/components/resendCooldown.svelte';
@@ -53,8 +52,6 @@
creating = false;
}
}
onDestroy(() => {});
</script>
<div class="email-verification-scrim">
+2 -2
View File
@@ -4,12 +4,12 @@
import { Link } from '@appwrite.io/pink-svelte';
let {
storageKey = 'resend_cooldown_default',
storageKey,
seconds = 60,
disabled = $bindable(false),
onResend
}: {
storageKey?: string;
storageKey: string;
seconds?: number;
disabled?: boolean;
onResend: () => Promise<void> | void;
@@ -12,19 +12,17 @@
import { Layout, Typography } from '@appwrite.io/pink-svelte';
import { page } from '$app/state';
import ResendCooldown from '$lib/components/resendCooldown.svelte';
import { ID } from '@appwrite.io/console';
let otpCode: string = '';
let disabled: boolean = false;
let email: string = '';
let userId: string = '';
let { data } = $props();
export let data;
let otpCode = $state('');
let disabled = $state(false);
let email = $derived(page.url.searchParams.get('email') || '');
let userId = $derived(page.url.searchParams.get('userId') || '');
// Get email and userId from URL params
$: email = page.url.searchParams.get('email') || '';
$: userId = page.url.searchParams.get('userId') || '';
async function verifyOTP() {
async function verifyOTP(event) {
event.preventDefault();
try {
disabled = true;
// Use createSession with the userId from createEmailToken
@@ -71,7 +69,7 @@
try {
disabled = true;
const sessionToken = await sdk.forConsole.account.createEmailToken({
userId: 'unique',
userId: ID.unique(),
email: email
});
userId = sessionToken.userId;
@@ -102,7 +100,7 @@
We sent a 6-digit code to {email}
</Typography.Text>
<form on:submit|preventDefault={verifyOTP}>
<form onsubmit={verifyOTP}>
<Layout.Stack align="center">
<InputDigits bind:value={otpCode} required />
<Button submit {disabled} class="verify-button">Verify</Button>