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.
+
+
+
\ 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