diff --git a/src/components/WelcomeModal/WelcomeModal.svelte b/src/components/WelcomeModal/WelcomeModal.svelte new file mode 100644 index 00000000..35eb2c87 --- /dev/null +++ b/src/components/WelcomeModal/WelcomeModal.svelte @@ -0,0 +1,23 @@ + + + +

+ We at ClassroomIO 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. Thank you for choosing us; we deeply appreciate it and are at your service. +

+ A welcome banner +
\ No newline at end of file diff --git a/src/components/WelcomeModal/store.js b/src/components/WelcomeModal/store.js new file mode 100644 index 00000000..6d43e31f --- /dev/null +++ b/src/components/WelcomeModal/store.js @@ -0,0 +1,5 @@ +import {writable} from 'svelte/store'; + +export const welcomeModalStore = writable({ + open: false +}); \ No newline at end of file diff --git a/src/routes/dashboard.svelte b/src/routes/dashboard.svelte index a401e604..305597fb 100644 --- a/src/routes/dashboard.svelte +++ b/src/routes/dashboard.svelte @@ -130,6 +130,7 @@ // Every time the date changes $: selectedDateLessonData = getDataOfSelectedDate($store?.selected); + diff --git a/src/routes/onboarding.svelte b/src/routes/onboarding.svelte index 5f4c7b86..74125c04 100644 --- a/src/routes/onboarding.svelte +++ b/src/routes/onboarding.svelte @@ -16,6 +16,7 @@ import { onboardingValidation } from '../utils/functions/validator'; import { supabase } from '../utils/functions/supabase'; import { blockedSubdomain } from '../utils/constants/app'; + import { welcomeModalStore } from '../components/WelcomeModal/store'; interface OnboardingField { fullname?: string; @@ -187,6 +188,7 @@ console.log('data', data); console.log('error', error); + $welcomeModalStore.open = true; return goto(`/org/${fields.siteName}`); } diff --git a/src/routes/org/[slug]/index.svelte b/src/routes/org/[slug]/index.svelte index c599ee7e..0b02402f 100644 --- a/src/routes/org/[slug]/index.svelte +++ b/src/routes/org/[slug]/index.svelte @@ -12,7 +12,6 @@ import { goto } from '@sapper/app'; import PrimaryButton from '../../../components/PrimaryButton/index.svelte'; import Avatar from '../../../components/Avatar/index.svelte'; - import { onMount } from 'svelte'; import { InlineCalendar, Datepicker } from 'svelte-calendar'; import CheckmarkFilled20 from 'carbon-icons-svelte/lib/CheckmarkFilled20'; import { @@ -26,6 +25,8 @@ UserLessonDataType, LessonsByMonthIndexType, } from '../../../utils/types'; + import WelcomeModal from '../../../components/WelcomeModal/WelcomeModal.svelte'; + import { onMount } from 'svelte'; export let orgName: string; @@ -191,9 +192,9 @@ } onMount(() => { - // Remove default shouldEnlargeDay=true when using on mobile + // Remove default shouldEnlargeDay=true when on mobile if ($store && $store.shouldEnlargeDay) { - $store.shouldEnlargeDay = false; + $store.shouldEnlargeDay = false } }); @@ -208,6 +209,8 @@ Dashboard - ClassroomIO + +

Dashboard

@@ -396,4 +399,4 @@ font-size: 30px; } } - + \ No newline at end of file diff --git a/static/images/welcome-modal-banner.png b/static/images/welcome-modal-banner.png new file mode 100644 index 00000000..a323c6c4 Binary files /dev/null and b/static/images/welcome-modal-banner.png differ