authorization component added

src/MyRoutes.jsx

@@ -1,6 +1,8 @@
 import React from 'react'
 import {Routes, Route} from 'react-router-dom'
 
+import UserExists from './authorization/UserExists'
+
 import GetStartedPage from './pages/GetStartedPage'
 import LoginPage from './pages/LoginPage'
 import HomePage from './pages/HomePage'
@@ -11,7 +13,10 @@ export default function MyRoutes() {
     <Routes>
         <Route path={myLinks.getStarted} element={<GetStartedPage />} />
         <Route path={myLinks.login} element={<LoginPage />} />
-        <Route path={myLinks.home} element={<HomePage />} />
+        
+        <Route element={<UserExists />}>
+          <Route path={myLinks.home} element={<HomePage />} />
+        </Route>
     </Routes>
   )
 }

src/authorization/UserExists.jsx

@@ -0,0 +1,34 @@
+import React, { useEffect, useState } from 'react'
+import { useLocation, useNavigate, Outlet } from 'react-router-dom'
+
+import myLinks from '../myLinks'
+import PageLoader from '../components/PageLoader'
+
+export default function UserExists() {
+
+    const {state} = useLocation()
+
+    const navigate = useNavigate()
+  
+    const [loading, setLoading] = useState(true)
+  
+    useEffect(()=>{
+      if(state?.proceed != 'true'){
+        return navigate(myLinks.getStarted, {replace:true})
+      }
+      setTimeout(()=>{
+        setLoading(false)
+      },2000)
+    },[])
+
+  return (
+    <>
+    {
+    loading ? 
+        <PageLoader />
+        :
+        <Outlet />
+    }
+    </>
+  )
+}

src/pages/HomePage.jsx

@@ -1,37 +1,9 @@
-import React, { useEffect, useState } from 'react'
-import { useLocation, useNavigate } from 'react-router-dom'
-
-import myLinks from '../myLinks'
 import HomeCom from '../components/HomeCom'
-import PageLoader from '../components/PageLoader'
 
 export default function HomePage() {
-  
-
-  const {state} = useLocation()
-
-  const navigate = useNavigate()
-
-  const [loading, setLoading] = useState(true)
-
-  useEffect(()=>{
-    if(state?.proceed != 'true'){
-      return navigate(myLinks.getStarted, {replace:true})
-    }
-    setTimeout(()=>{
-      setLoading(false)
-    },2000)
-  },[])
-
-
   return (
     <>
-      {
-        loading ? 
-        <PageLoader />
-        :
-        <HomeCom />
-      }
+      <HomeCom />
     </>
   )
 }