Files
classroomio/src/components/WelcomeModal/WelcomeModal.svelte
T
Adetunji Adeyemi ea86e9977a CLASSROOMIO-T-50: Welcome modal for Educators
CLASSROOMIO-T-50: Dashboard styles Update

CLASSROOMIO-T-50: Store Update

CLASSROOMIO-T-50: Undo Changes in Files

CLASSROOMIO-T-50: Welcome Modal File Update

Merge branch 'main' into CLASSROOMIO-T-50

CLASSROOMIO-T-50: Text color update

Merge branch 'CLASSROOMIO-T-50' of https://gitlab.com/thenextgreat/classroomio into CLASSROOMIO-T-50

CLASSROOMIO-T-50: Modal Update & Banner Update

Merge branch 'CLASSROOMIO-T-50'

CLASSROOMIO-T-50: Welcome Modal Update

CLASSROOMIO-T-50: Modal Update & Banner Update

CLASSROOMIO-T-50: Added the modal

CLASSROOMIO-T-50:
- Created the modal component
- Imported it in the dashboard route


Co-authored-by: Tunji Adeyemi <[email protected]>


Merge-request: CLASSROOMIO-MR-20
Merged-by: Best Admin <[email protected]>
2023-07-18 13:50:47 +00:00

23 lines
1.1 KiB
Svelte

<script>
import Modal from '../Modal/index.svelte'
import { writable } from 'svelte/store';
import { onMount, onDestroy } from 'svelte';
import { welcomeModalStore } from './store';
const closeModal = () => {
$welcomeModalStore.open = false;
}
</script>
<Modal
onClose={closeModal}
bind:open={$welcomeModalStore.open}
width="w-9/12"
modalHeading="Welcome"
>
<p class="text-black text-sm md:text-base lg:text-lg">
We at <a href="https://app.classroomio.com/" class="text-blue-700 no-underline hover:no-underline">ClassroomIO</a> are a small team with a large mission to empower educators with great technology to help them train the future generation. Education is the most powerful gift you can give anyone, and it makes so much sense to give you all the tools you need to give more people this GIFT. <span class="text-blue-700">Thank you for choosing us;</span> we deeply appreciate it and are at your service.
</p>
<img src="/images/welcome-modal-banner.png" alt="A welcome banner" class="w-full my-6">
</Modal>