feat: set help steps to start when close help modal

compsci-adl · Sep 24, 2024 · e1b6048 · e1b6048
1 parent f68f261
commit e1b6048
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/components/HelpModal.tsx b/src/components/HelpModal.tsx
@@ -11,7 +11,7 @@ import {
 	Tabs,
 } from '@nextui-org/react';
 import { AnimatePresence, motion } from 'framer-motion';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 
 import { useHelpModal } from '../helpers/help-modal';
 
@@ -85,6 +85,13 @@ export const HelpModal = () => {
 		}),
 	};
 
+	useEffect(() => {
+		if (!helpModal.isOpen) {
+			setStepIndex(0);
+		}
+		// eslint-disable-next-line react-hooks/exhaustive-deps
+	}, [helpModal.isOpen]);
+
 	const step = STEPS[stepIndex];
 
 	return (