Adeyemi AdetunjiandRotimi Best
d75e2f258e
* feat: multitranslational support * - completion of settings page - completion of sidebar * sidebar rerendering bug fix * completion of the lesson navigation & materials page * completion of the course navigation * completion of requested languages * - Implementation of Language Picker - Rename Bug Fixes * checkpoint save * - addition of the language picker to the onboarding. - addition of the language switcher for the lesson notes. * merge completion * initialization of the new branch * add transition.svelte file * lesson note bug fix * feat: add translation migration * completion of translation * fix height issue of dropdown * refactoring * fix: improve code with LOCALE from db * finally get it fully functional * connect with AI * backward compatibility for lesson note * preserve old content, when generating AI content * undo translations in upgrade modal * fix duplicate key issue from codacy trigger --------- Co-authored-by: Rotimi Best <best@classroomio.com>
86 lines
2.3 KiB
Svelte
86 lines
2.3 KiB
Svelte
<script>
|
|
import Modal from '$lib/components/Modal/index.svelte';
|
|
import PrimaryButton from '$lib/components/PrimaryButton/index.svelte';
|
|
import { snackbar } from '$lib/components/Snackbar/store';
|
|
import { profile } from '$lib/utils/store/user';
|
|
import {
|
|
triggerSendEmail,
|
|
NOTIFICATION_NAME
|
|
} from '$lib/utils/services/notification/notification';
|
|
import { currentOrg } from '$lib/utils/store/org';
|
|
import { t } from '$lib/utils/functions/translations';
|
|
|
|
const WAIT_SEC = 120;
|
|
const WAIT_TIME = WAIT_SEC * 1000;
|
|
|
|
let open = false;
|
|
let loading = false;
|
|
let isSent = false;
|
|
|
|
let interval;
|
|
let countDown = WAIT_SEC;
|
|
|
|
const resendVerificationCode = async () => {
|
|
loading = true;
|
|
|
|
try {
|
|
triggerSendEmail(NOTIFICATION_NAME.VERIFY_EMAIL, {
|
|
to: $profile.email,
|
|
profileId: $profile.id,
|
|
orgSiteName: $currentOrg.siteName
|
|
});
|
|
|
|
isSent = true;
|
|
} catch (error) {
|
|
snackbar.error('verify_email_modal.snackbar.error');
|
|
} finally {
|
|
loading = false;
|
|
}
|
|
|
|
interval = setInterval(() => {
|
|
countDown = countDown - 1;
|
|
}, 1000);
|
|
|
|
setTimeout(() => {
|
|
isSent = false;
|
|
|
|
clearInterval(interval);
|
|
}, WAIT_TIME);
|
|
};
|
|
|
|
$: open = Boolean(!$profile.is_email_verified && !!$currentOrg.id);
|
|
</script>
|
|
|
|
<Modal {open} isCloseable={false} width="w-4/5" maxWidth="w-[500px]" containerClass="p-4">
|
|
<div class="flex flex-col items-center space-y-6 text-center">
|
|
<img src="/verify-email.svg" alt="email verification" />
|
|
<p class="font-bold text-xl">{$t('verify_email_modal.heading')}</p>
|
|
<p class="text-sm w-[70%] text-gray-700">
|
|
{$t('verify_email_modal.sent_verification')}
|
|
{$profile.email}
|
|
{$t('verify_email_modal.to_confirm')}
|
|
</p>
|
|
|
|
<div class="flex items-center flex-col">
|
|
<PrimaryButton
|
|
isDisabled={loading || isSent}
|
|
className="font-normal"
|
|
onClick={resendVerificationCode}
|
|
>
|
|
{#if loading}
|
|
{$t('verify_email_modal.loading')}
|
|
{:else}
|
|
{$t('verify_email_modal.resend')}
|
|
{/if}
|
|
</PrimaryButton>
|
|
{#if isSent}
|
|
<p class="text-xs text-gray-700">
|
|
{$t('verify_email_modal.resend_in')}
|
|
{countDown}
|
|
{$t('verify_email_modal.seconds')}
|
|
</p>
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
</Modal>
|