From 58b66ad6a465d6a008dc8ae8b1921bcc84076cc9 Mon Sep 17 00:00:00 2001
From: zerosoul <yanggc888@163.com>
Date: Mon, 28 Mar 2022 20:54:55 +0800
Subject: [PATCH] feat: add require no auth route

---
 src/common/component/RequireNoAuth.js |  9 +++++++++
 src/routes/index.js                   | 12 +++++++++++-
 2 files changed, 20 insertions(+), 1 deletion(-)
 create mode 100644 src/common/component/RequireNoAuth.js

diff --git a/src/common/component/RequireNoAuth.js b/src/common/component/RequireNoAuth.js
new file mode 100644
index 00000000..836ae3e6
--- /dev/null
+++ b/src/common/component/RequireNoAuth.js
@@ -0,0 +1,9 @@
+// import React from 'react'
+import { Navigate } from "react-router-dom";
+
+import { useSelector } from "react-redux";
+
+export default function RequireNoAuth({ children, redirectTo = "/" }) {
+  const { token } = useSelector((store) => store.authData);
+  return token ? <Navigate to={redirectTo} replace /> : children;
+}
diff --git a/src/routes/index.js b/src/routes/index.js
index 67e11ce2..0740ee68 100644
--- a/src/routes/index.js
+++ b/src/routes/index.js
@@ -8,10 +8,12 @@ import HomePage from "./home";
 import ChatPage from "./chat";
 import ContactsPage from "./contacts";
 import RequireAuth from "../common/component/RequireAuth";
+import RequireNoAuth from "../common/component/RequireNoAuth";
 
 import store from "../app/store";
 import InvitePage from "./invite";
 import toast from "react-hot-toast";
+import ResourceManagement from "./resources";
 
 const PageRoutes = () => {
   const { online } = useSelector((store) => store.ui);
@@ -28,7 +30,14 @@ const PageRoutes = () => {
   return (
     <HashRouter>
       <Routes>
-        <Route path="/login" element={<LoginPage />} />
+        <Route
+          path="/login"
+          element={
+            <RequireNoAuth>
+              <LoginPage />
+            </RequireNoAuth>
+          }
+        />
         <Route path="/invite" element={<InvitePage />} />
         <Route
           path="/"
@@ -48,6 +57,7 @@ const PageRoutes = () => {
             <Route index element={<ContactsPage />} />
             <Route path=":user_id" element={<ContactsPage />} />
           </Route>
+          <Route path="files" element={<ResourceManagement />}></Route>
         </Route>
         <Route path="*" element={<NotFoundPage />} />
       </Routes>