From 3ba11b572832c5b61628f20eb2a3c90bf9b314b8 Mon Sep 17 00:00:00 2001 From: eliang-stripe <99840257+eliang-stripe@users.noreply.github.com> Date: Mon, 13 May 2024 12:22:02 -0400 Subject: [PATCH] Adds new user onboarding dialog (#124) * basic onboarding dialog complete * dialog buttons update depending on step * syntax * add and animate cursor * cursor size adjustment * image update * fix cursor shadow bug * update nux images * add query param in sign up callback url to automatically show NUX * fix issues with mobile responsive changes * update text size --- app/(auth)/onboarding/page.tsx | 2 +- app/(dashboard)/layout.tsx | 2 + app/(dashboard)/pets/page.tsx | 4 +- app/components/Nav.tsx | 2 +- app/components/OnboardingDialog.tsx | 162 ++++++++++++++++++++++ app/components/QuickstartButton.tsx | 4 +- app/components/Schedule.tsx | 4 +- components/ui/input.tsx | 2 +- components/ui/select.tsx | 6 +- public/onboarding-images/pointinghand.png | Bin 0 -> 18380 bytes public/onboarding-images/step-1.png | Bin 0 -> 112629 bytes public/onboarding-images/step-2.png | Bin 0 -> 107656 bytes public/onboarding-images/step-3.png | Bin 0 -> 160160 bytes 13 files changed, 176 insertions(+), 12 deletions(-) create mode 100644 app/components/OnboardingDialog.tsx create mode 100644 public/onboarding-images/pointinghand.png create mode 100644 public/onboarding-images/step-1.png create mode 100644 public/onboarding-images/step-2.png create mode 100644 public/onboarding-images/step-3.png diff --git a/app/(auth)/onboarding/page.tsx b/app/(auth)/onboarding/page.tsx index d41710d..e96ed3d 100644 --- a/app/(auth)/onboarding/page.tsx +++ b/app/(auth)/onboarding/page.tsx @@ -9,7 +9,7 @@ export default function Onboarding() { { - window.location.href = '/home'; + window.location.href = '/home?shownux=true'; }} /> diff --git a/app/(dashboard)/layout.tsx b/app/(dashboard)/layout.tsx index 2d62d55..38da076 100644 --- a/app/(dashboard)/layout.tsx +++ b/app/(dashboard)/layout.tsx @@ -1,6 +1,7 @@ import AuthenticatedAndOnboardedRoute from '@/app/components/AuthenticatedAndOnboardedRoute'; import Nav from '@/app/components/Nav'; import {EmbeddedComponentWrapper} from '@/app/hooks/EmbeddedComponentWrapper'; +import OnboardingDialog from '../components/OnboardingDialog'; import DataRequest from '../components/DataRequest'; export default function DashboardLayout({ @@ -16,6 +17,7 @@ export default function DashboardLayout({