refactor(frontend): refactor 404 page route logic

UNIkeEN · Nov 28, 2024 · 4a901ca · 4a901ca
1 parent 858e3a6
commit 4a901ca
Showing 1 changed file with 15 additions and 17 deletions.
diff --git a/frontend/src/pages/404.tsx b/frontend/src/pages/404.tsx
@@ -11,18 +11,18 @@ const NotFoundPage = () => {
   const [seconds, setSeconds] = useState(3);
 
   useEffect(() => {
-    if (seconds > 1) {
-      const timer = setTimeout(() => {
-        setSeconds(seconds - 1);
-      }, 1000);
-      return () => clearTimeout(timer);
-    } else {
-      const timer = setTimeout(() => {
-        router.push('/home');
-      }, 1500);
-      return () => clearTimeout(timer);
-    }
-  }, [seconds, router]);
+    const interval = setInterval(() => {
+      setSeconds((prev) => {
+        if (prev === 1) {
+          clearInterval(interval);
+          router.push('/home'); 
+        }
+        return prev - 1;
+      });
+    }, 1000);
+
+    return () => clearInterval(interval);
+  }, [router]);
 
   return (
     <>
@@ -39,14 +39,12 @@ const NotFoundPage = () => {
         }}
       >
         <VStack>
-          <Icon as={FiX} w={8} h={8} color='red.500' />
-          <Text>
-            {t('NotFoundPage.text', { seconds: seconds })}
-          </Text>
+          <Icon as={FiX} w={8} h={8} color="red.500" />
+          <Text>{t('NotFoundPage.text', { seconds })}</Text>
         </VStack>
       </div>
     </>
   );
 };
 
-export default NotFoundPage;
+export default NotFoundPage;