|
|
|
@ -15,10 +15,11 @@ export function FTUXModal({ onComplete, onStartTutorial }: FTUXModalProps) { |
|
|
|
const [showSkipConfirm, setShowSkipConfirm] = useState(false); |
|
|
|
|
|
|
|
const handleNext = () => { |
|
|
|
if (currentStep === 4) { |
|
|
|
if (currentStep === 3) { |
|
|
|
// Last step - user chose "Skip Tutorial"
|
|
|
|
setFTUXCompleted(true); |
|
|
|
onComplete(); |
|
|
|
console.log("User completed FTUX"); |
|
|
|
} else { |
|
|
|
setCurrentStep((currentStep + 1) as FTUXStep); |
|
|
|
} |
|
|
|
@ -100,7 +101,7 @@ export function FTUXModal({ onComplete, onStartTutorial }: FTUXModalProps) { |
|
|
|
|
|
|
|
{/* Step indicators */} |
|
|
|
<div className="flex gap-2 mt-4"> |
|
|
|
{([1, 2, 3, 4] as const).map((step) => ( |
|
|
|
{([1, 2, 3] as const).map((step) => ( |
|
|
|
<div |
|
|
|
key={step} |
|
|
|
className={`h-1 flex-1 rounded-full transition-colors ${ |
|
|
|
|