Files
classroomio/apps/dashboard/src/lib/components/WelcomeModal/WelcomeModal.svelte
T
Rotimi Bestandemmanuel fcd0bcc656 feat: dashboard billing (#193)
* feat: move plans into sharable json

* remove unused code

* update pnpm lock

* update plans.json

* implement early adopter pricing

* docs: update meta title and description

* Finished the UI for upgrading plans

* Updated the pricing plans

* Updated the cards ui

* use relative import

* improve styling of upgrade plan card

* styling improvements, lemonsqueezy setup

* trigger lemonsqueezy payment and add webhook

* update pnpm lock

* add logout route

* feat: complete billing functionality

* generate lock file

* make crypto false on browser

* feat: adding upgrade prompts to org

* chore: add upgrade icon to upload video

* feat: add upgrade prompt to certificate and settings

* feat: implement onboarding setup page (#229)

* working on the onboarding setup

* working on the onboarding page

* Almost done with the onboarding UI

* finished the UI of the onBoarding setup

* finished the UI of the onBoarding setup

* Implementing the functions to carryout the logic of updating the UI onmount if a user has carried out a certain step or not

* Implementing the functions to carryout the logic of updating the UI onmount if a user has carried out a certain step or not

* making some chnages

* finished the onBoarding task

* updated some logic

* Removed the uneeded svg from the static folder

* fixed isCoursePublished not returning a boolean

* improved the setup link protection

* chore: make menuItems reactive

* improve formatting

* format supabase queries

---------

Co-authored-by: Rotimi Best <best@classroomio.com>

* revamp setup

* improve the upgrade experience

* migration

* feat: add lemonsqueezy customer portal

---------

Co-authored-by: emmanuel <chifez1@gmail.com>
2024-04-07 06:08:34 +01:00

43 lines
1.5 KiB
Svelte

<script>
import Modal from '../Modal/index.svelte';
import { page } from '$app/stores';
import { goto } from '$app/navigation';
import { currentOrgPath } from '$lib/utils/store/org';
import {
triggerSendEmail,
NOTIFICATION_NAME
} from '$lib/utils/services/notification/notification';
import { profile } from '$lib/utils/store/user';
let open = false;
const closeModal = () => {
triggerSendEmail(NOTIFICATION_NAME.WELCOME_TO_APP, {
to: $profile.email,
name: $profile.fullname
});
goto($currentOrgPath + '/setup');
};
$: {
const query = new URLSearchParams($page.url.search);
open = query.get('welcomePopup') === 'true';
}
</script>
<Modal onClose={closeModal} {open} width="w-9/12" maxWidth="w-[800px]" modalHeading="Welcome">
<p class="text-black dark:text-white text-sm md:text-base lg:text-lg">
We at <a
href="https://app.classroomio.com/"
class="text-primary-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-primary-700">Thank you for choosing us;</span> we deeply appreciate it and are
at your service.
</p>
<img src="/images/welcome-img.svg" alt="A welcome banner" class="w-full my-6" />
</Modal>