diff --git a/src/lib/components/support.svelte b/src/lib/components/support.svelte index 7616c353a..46f9571ec 100644 --- a/src/lib/components/support.svelte +++ b/src/lib/components/support.svelte @@ -3,6 +3,8 @@ import SupportLight from '$lib/images/support/support-light.png'; import SupportDark from '$lib/images/support/support-dark.png'; import { app } from '$lib/stores/app'; + import { wizard } from '$lib/stores/wizard'; + import SupportWizard from '../../routes/console/supportWizard.svelte'; export let show = false; @@ -18,15 +20,14 @@

Premium support

- Get personalized support from the Appwrite team - + Get personalized support from the Appwrite team from 09:00 - 17:00 UTC

- - - + + +
diff --git a/src/lib/images/support/support-wizard-dark.svg b/src/lib/images/support/support-wizard-dark.svg new file mode 100644 index 000000000..18d44b05e --- /dev/null +++ b/src/lib/images/support/support-wizard-dark.svg @@ -0,0 +1,167 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/lib/images/support/support-wizard-light.svg b/src/lib/images/support/support-wizard-light.svg new file mode 100644 index 000000000..bf30e2f52 --- /dev/null +++ b/src/lib/images/support/support-wizard-light.svg @@ -0,0 +1,149 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/lib/layout/header.svelte b/src/lib/layout/header.svelte index 8a705b5d7..860f782d9 100644 --- a/src/lib/layout/header.svelte +++ b/src/lib/layout/header.svelte @@ -6,7 +6,8 @@ DropListItem, DropListLink, FeedbackGeneral, - FeedbackNPS + FeedbackNPS, + Support } from '$lib/components'; import { app, feedback } from '$lib/stores/app'; import { user } from '$lib/stores/user'; @@ -18,7 +19,6 @@ import { slide } from 'svelte/transition'; import { page } from '$app/stores'; import { trackEvent } from '$lib/actions/analytics'; - import Support from '$lib/components/support.svelte'; let showFeedback = false; let showDropdown = false; diff --git a/src/routes/console/supportWizard.svelte b/src/routes/console/supportWizard.svelte new file mode 100644 index 000000000..755c1b188 --- /dev/null +++ b/src/routes/console/supportWizard.svelte @@ -0,0 +1,31 @@ + + + diff --git a/src/routes/console/wizard/step1.svelte b/src/routes/console/wizard/step1.svelte new file mode 100644 index 000000000..5a197ab40 --- /dev/null +++ b/src/routes/console/wizard/step1.svelte @@ -0,0 +1,42 @@ + + + + How can we help you? + + Please describe your request in detail. If applicable, include steps for reproduction of any + in-app issues. We try to respond to all messages within our office hours (Mon-Fri 09:00 - + 17:00 UCT). Expect to receive an email from us soon! + + + + + diff --git a/src/routes/console/wizard/step2.svelte b/src/routes/console/wizard/step2.svelte new file mode 100644 index 000000000..549a8f162 --- /dev/null +++ b/src/routes/console/wizard/step2.svelte @@ -0,0 +1,10 @@ + + + + Your message has been sent + The Appwrite team is on it! + + hello :) + diff --git a/src/routes/console/wizard/store.ts b/src/routes/console/wizard/store.ts new file mode 100644 index 000000000..e1a7941d0 --- /dev/null +++ b/src/routes/console/wizard/store.ts @@ -0,0 +1,15 @@ +import { writable } from 'svelte/store'; + +export type SupportData = { + name: string; + email: string; + message: string; + file?: File | null; +}; + +export const supportData = writable({ + name: '', + email: '', + message: '', + file: null +});