fix(reduxPersist): fix data check

Clm-Roig · Jun 28, 2022 · cef5d5a · cef5d5a
1 parent 37833d8
commit cef5d5a
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 17 deletions.
diff --git a/src/app/CustomPersistGate.tsx b/src/app/CustomPersistGate.tsx
@@ -1,4 +1,4 @@
-import { FC, useEffect } from 'react';
+import { FC, useEffect, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { PersistGate } from 'redux-persist/integration/react';
 
@@ -14,29 +14,37 @@ interface Props {
 }
 
 const CustomPersistGate: FC<Props> = ({ children }) => {
+  const [trackersReadyToBeChecked, setTrackersReadyToBeChecked] = useState(false);
   const { trackers } = useAppSelector(selectAllTrackers);
   const navigate = useNavigate();
   const dispatch = useAppDispatch();
 
   useEffect(() => {
-    // Change date to today
-    dispatch(setSelectedDate(new Date().toString()));
+    if (trackers.length > 0) {
+      setTrackersReadyToBeChecked(true);
+    }
+  }, [trackers]);
 
-    // Check trackers
-    for (const tracker of trackers) {
-      const data = isATracker(tracker);
-      if (data.errors.length !== 0) {
-        navigate('/data-error', {
-          state: data
-        });
-        return;
+  useEffect(() => {
+    if (trackersReadyToBeChecked) {
+      // Change date to today
+      dispatch(setSelectedDate(new Date().toString()));
+      // Check trackers
+      for (const tracker of trackers) {
+        const data = isATracker(tracker);
+        if (data.errors.length !== 0) {
+          navigate('/data-error', {
+            state: data
+          });
+          return;
+        }
+      }
+      // Move to the validate trackers page
+      if (trackers.length > 0) {
+        navigate('/trackers');
       }
     }
-    // Move to the validate trackers page
-    if (trackers.length > 0) {
-      navigate('/trackers');
-    }
-  }, []);
+  }, [trackersReadyToBeChecked]);
 
   return (
     <PersistGate loading={<FullScreenLoading />} persistor={persistor}>

diff --git a/src/pages/errors/DataError.tsx b/src/pages/errors/DataError.tsx
@@ -12,7 +12,7 @@ const DataError = () => {
         Erreur au chargement des données 😔
       </Typography>
       <Typography variant="body1">
-        {`L'application n'a pas réussi à charger les données précédemment stockées sur votre appareil. Vous pouvez envoyer le message ci-dessous à notre support pour essayer de résoudre votre problème.`}
+        {`L'application n'a pas réussi à interpréter les données stockées sur votre appareil. Vous pouvez envoyer le message ci-dessous à notre support pour essayer de résoudre votre problème.`}
       </Typography>
       <Divider sx={{ m: 2 }} />
       {errorData ? (