added small delay to router push

src/pages/init.tsx

@@ -35,6 +35,7 @@ export default function Page() {
   const [done, setDone] = useState(false);
   const now = useRef(new Date());
   const unsubscribe = useRef(null);
+  const timer = useRef(null);
 
   const fetchData = useCallback(
     (since) => {
@@ -55,7 +56,8 @@ export default function Page() {
           },
           undefined,
           () => {
-            setDone(true);
+            // wait for 8 seconds
+            timer.current = setTimeout(() => setDone(true), 8000);
           },
           {
             unsubscribeOnEose: true,
@@ -84,6 +86,7 @@ export default function Page() {
 
     return () => {
       unsubscribe.current;
+      clearTimeout(timer.current);
     };
   }, [activeAccount.id, done, pool, relays, router, fetchData]);
 

src/pages/onboarding/create/step-2.tsx

@@ -110,7 +110,7 @@ export default function Page() {
         if (res === 'ok') {
           // publish to relays
           pool.publish(event, relays);
-          router.push('/init');
+          router.push('/');
         }
       })
       .catch(console.error);

src/pages/onboarding/login/step-2.tsx

@@ -20,7 +20,6 @@ import {
   ReactPortal,
   useContext,
   useEffect,
-  useRef,
   useState,
 } from 'react';
 
@@ -78,7 +77,7 @@ export default function Page() {
 
   // submit then redirect to home
   const submit = () => {
-    router.push('/init');
+    router.push('/');
   };
 
   return (