From 50801bd36a6f97dd3377f8878be07e89a6cf2dbe Mon Sep 17 00:00:00 2001
From: hbhong <hbhong@talend.com>
Date: Fri, 31 May 2024 16:45:16 +0800
Subject: [PATCH] fix(TDC-7496/tour): Reset currentStep to 0 when tour is
 reopened (#5322)

---
 .changeset/tasty-bikes-fix.md                               | 5 +++++
 .../components/src/AppGuidedTour/AppGuidedTour.component.js | 6 ++++++
 2 files changed, 11 insertions(+)
 create mode 100644 .changeset/tasty-bikes-fix.md

diff --git a/.changeset/tasty-bikes-fix.md b/.changeset/tasty-bikes-fix.md
new file mode 100644
index 00000000000..b9011417612
--- /dev/null
+++ b/.changeset/tasty-bikes-fix.md
@@ -0,0 +1,5 @@
+---
+"@talend/react-components": patch
+---
+
+Reset currentStep to 0 when tour is reopened
diff --git a/packages/components/src/AppGuidedTour/AppGuidedTour.component.js b/packages/components/src/AppGuidedTour/AppGuidedTour.component.js
index 80e90d61098..7c56e1601c5 100644
--- a/packages/components/src/AppGuidedTour/AppGuidedTour.component.js
+++ b/packages/components/src/AppGuidedTour/AppGuidedTour.component.js
@@ -30,6 +30,12 @@ function AppGuidedTour({
 	const [isAlreadyViewed, setIsAlreadyViewed] = useLocalStorage(localStorageKey, false);
 	const [importDemoContent, setImportDemoContent] = useState(demoContentSteps && !isAlreadyViewed);
 	const [currentStep, setCurrentStep] = useState(0);
+	// Reset currentStep to 0 when tour is opened
+	useEffect(() => {
+		if (isOpen) {
+			setCurrentStep(0);
+		}
+	}, [isOpen]);
 
 	const isNavigationDisabled =
 		importDemoContent &&