From 13744a486a2b2fd343ecff8ace1bcdfee541656f Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Mon, 27 May 2024 12:51:21 +0100
Subject: [PATCH] Nudge users to onboard

---
 src/components/Navigation/OnboardingModal.tsx | 17 +++++++++++------
 src/components/OnboardingNudge.tsx            |  2 +-
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/components/Navigation/OnboardingModal.tsx b/src/components/Navigation/OnboardingModal.tsx
index 6a9e95987..53e39e3b3 100644
--- a/src/components/Navigation/OnboardingModal.tsx
+++ b/src/components/Navigation/OnboardingModal.tsx
@@ -8,6 +8,7 @@ import { httpPatch } from '../../lib/http';
 import { useToast } from '../../hooks/use-toast';
 import type { OnboardingConfig } from './AccountDropdown';
 import { setAuthToken } from '../../lib/jwt';
+import { NUDGE_ONBOARDING_KEY } from '../OnboardingNudge.tsx';
 
 type Task = {
   id: string;
@@ -157,9 +158,11 @@ export function OnboardingModal(props: OnboardingModalProps) {
         </p>
       </div>
 
-      <ul className={cn('flex flex-col divide-y', {
-        'border-b': tasks[tasks.length - 1]?.status === 'done',
-      })}>
+      <ul
+        className={cn('flex flex-col divide-y', {
+          'border-b': tasks[tasks.length - 1]?.status === 'done',
+        })}
+      >
         {/*sort to put completed tasks at the end */}
         {tasks.map((task, taskCounter) => {
           const isDone = task.status === 'done';
@@ -175,9 +178,11 @@ export function OnboardingModal(props: OnboardingModalProps) {
                 'border-t': taskCounter === 0 && isDone,
               })}
             >
-              <div className={cn('flex items-start gap-2', {
-                'opacity-50': task.status === 'done'
-              })}>
+              <div
+                className={cn('flex items-start gap-2', {
+                  'opacity-50': task.status === 'done',
+                })}
+              >
                 <span className="relative top-px flex h-5 w-5 items-center justify-center">
                   {isDone ? (
                     <Check className="h-4 w-4 stroke-[3px] text-green-500" />
diff --git a/src/components/OnboardingNudge.tsx b/src/components/OnboardingNudge.tsx
index bb2710a82..c4c30e0d7 100644
--- a/src/components/OnboardingNudge.tsx
+++ b/src/components/OnboardingNudge.tsx
@@ -7,7 +7,7 @@ type OnboardingNudgeProps = {
   onStartOnboarding: () => void;
 };
 
-const NUDGE_ONBOARDING_KEY = 'should_nudge_onboarding';
+export const NUDGE_ONBOARDING_KEY = 'should_nudge_onboarding';
 
 export function OnboardingNudge(props: OnboardingNudgeProps) {
   const { onStartOnboarding } = props;