Rotimi Best
b96d91cd7c
* chore: migration to SvelteKit 2 * stage 1: migrate to svelte 5 and fix rerendering issues * stage 2: fix more $: reactivity across dashboard * fix merge conflicts * chore: migrate code in main to svelte 5 * chore: update preventDefault * chore: simplify tsconfig and remove unused mobileMenuRef in MobileMenu.svelte * chore: enforce .ts across dashboard * rename from classroomio-com to website * stage-3: Replace carbon icon svelte with lucide icon * update lock file * chore: finish icon replacement * fix: settings and setup page multiple rerender * stage 3: More icon and rerendering fixes * feat: setup drizzle and better auth * fix: onboarding validation error showing translation key #586 (#593) * fix: onboarding validation error showing translation key #586 * fix: remove debug log for profile update errors * chore: add a clean command * fix: remove message from email verification response
71 lines
1.8 KiB
Svelte
71 lines
1.8 KiB
Svelte
<script>
|
|
import Button from '$lib/Button/Button.svelte';
|
|
import TextArea from '$lib/Input/TextArea.svelte';
|
|
import TextField from '$lib/Input/TextField.svelte';
|
|
import { isFormValid } from '$lib/utils/isFormValid';
|
|
import { submitForm } from '$lib/utils/submitForm';
|
|
import Sucess from './Sucess.svelte';
|
|
|
|
let name = '';
|
|
let email = '';
|
|
let title = '';
|
|
let description = '';
|
|
|
|
let isLoading = false;
|
|
let errorMessage = '';
|
|
let sent = false;
|
|
|
|
async function handleClick() {
|
|
const data = { name, email, title, description };
|
|
|
|
if (!isFormValid(data)) {
|
|
errorMessage = 'Please fill out all required fields.';
|
|
return;
|
|
}
|
|
|
|
isLoading = true;
|
|
|
|
const formData = {
|
|
title: `[HELP] ${title}`,
|
|
description: `My name is ${JSON.stringify(name)}, email is ${JSON.stringify(
|
|
email
|
|
)}. \n\n${JSON.stringify(description)}.`,
|
|
replyTo: email
|
|
};
|
|
|
|
try {
|
|
await submitForm(formData);
|
|
sent = true;
|
|
} catch (error) {
|
|
console.log(error);
|
|
} finally {
|
|
isLoading = false;
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<div>
|
|
{#if sent}
|
|
<Sucess />
|
|
{:else}
|
|
<div class="w-full my-10 space-y-5">
|
|
<div class="flex flex-col md:flex-row gap-10">
|
|
<TextField label="Your Name" isRequired className="w-full" bind:value={name} />
|
|
<TextField label="Your Email" isRequired className="w-full" bind:value={email} />
|
|
</div>
|
|
<TextField label="Subject" isRequired bind:value={title} />
|
|
<TextArea label="Message" isRequired bind:value={description} />
|
|
{#if !!errorMessage}
|
|
<p class="text-left text-sm text-red-500">{errorMessage}</p>
|
|
{/if}
|
|
<Button
|
|
label="Submit"
|
|
className="px-32"
|
|
onClick={handleClick}
|
|
isDisabled={isLoading}
|
|
{isLoading}
|
|
/>
|
|
</div>
|
|
{/if}
|
|
</div>
|