🐛 fixing guided tour not saving to the storage (#329)

web/src/components/GuidedTour/useGuidedTour.ts

@@ -1,6 +1,6 @@
 import {useTour} from '@reactour/tour';
 import {delay as delayFn} from 'lodash';
-import {useEffect} from 'react';
+import {useEffect, useState} from 'react';
 import GuidedTourService, {GuidedTours} from '../../services/GuidedTourService';
 import HomeStepList from './homeStepList';
 import AssertionStepList from './assertionStepList';
@@ -15,10 +15,12 @@ const StepListMap = {
 };
 
 const useGuidedTour = (tour: GuidedTours, delay = 500) => {
+  const [isLoaded, setIsLoaded] = useState(false);
   const tourFn = useTour();
-  const {setCurrentStep, setIsOpen, setSteps} = tourFn;
+  const {setCurrentStep, setIsOpen, setSteps, isOpen} = tourFn;
 
   useEffect(() => {
+    setIsLoaded(false);
     setSteps(StepListMap[tour]);
   }, [tour, setSteps]);
 
@@ -28,10 +30,15 @@ const useGuidedTour = (tour: GuidedTours, delay = 500) => {
       delayFn(() => {
         setCurrentStep(0);
         setIsOpen(true);
+        setIsLoaded(true);
       }, delay);
     }
   }, [delay, setCurrentStep, setIsOpen, tour]);
 
+  useEffect(() => {
+    if (!isOpen && isLoaded) GuidedTourService.save(tour);
+  }, [isLoaded, isOpen, tour]);
+
   return tourFn;
 };