From cfa6734461e262aa0991f57808be75490803bf2b Mon Sep 17 00:00:00 2001
From: wzhqwq <wzhii345@outlook.com>
Date: Mon, 4 Oct 2021 21:02:20 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=A0=E5=85=A5=E4=BA=86=E8=BF=94=E5=9B=9E?=
 =?UTF-8?q?=EF=BC=8C=E6=94=B9=E8=BF=9B=E4=BA=86=E7=94=A8=E6=88=B7=E6=8E=A7?=
 =?UTF-8?q?=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.css                                | 15 ++++++++++++++
 src/admin/review/review.js                 |  6 ++++++
 src/components/UserControl/UserControl.js  | 24 +++++++++-------------
 src/components/UserControl/userControl.css |  3 +++
 src/upload/upload.js                       |  6 ++++++
 5 files changed, 40 insertions(+), 14 deletions(-)

diff --git a/src/App.css b/src/App.css
index 19f35b9..4736d1d 100644
--- a/src/App.css
+++ b/src/App.css
@@ -101,6 +101,21 @@ a.btn {
   height: 30px;
   margin-left: 10px;
 }
+.nav {
+  display: flex;
+  margin-left: 20px;
+}
+.nav-item {
+  padding: 12px 16px;
+}
+.nav-link {
+  text-decoration: none;
+  color: white;
+  font-size: 18px;
+}
+.nav-link:active {
+  color: white;
+}
 
 b {
   color: #9E0004;
diff --git a/src/admin/review/review.js b/src/admin/review/review.js
index e1c1b1c..6a234c7 100644
--- a/src/admin/review/review.js
+++ b/src/admin/review/review.js
@@ -7,6 +7,7 @@ import { apis } from '../../helper/apis';
 import { alert, confirmWithClose } from '../../helper/alert';
 import { UserContext } from '../../helper/Context';
 import Spinner from '../../components/Spinner/Spinner';
+import { Link } from '../../components/SingleRouter/SingleRouter';
 
 export class ReviewContainer extends Component {
   static contextType = UserContext;
@@ -66,6 +67,11 @@ export class ReviewContainer extends Component {
           <div className="sdu">
             <img src={images.icon} className="sdu-logo" alt="logo" />
             <img src={images.name} className="sdu-name" alt="" />
+            <div className="nav">
+              <div className="nav-item">
+                <Link to="/" className="nav-link">首页</Link>
+              </div>
+            </div>
           </div>
           <UserControl pageAuthLevel={2} />
         </div>
diff --git a/src/components/UserControl/UserControl.js b/src/components/UserControl/UserControl.js
index 338b535..c27c825 100644
--- a/src/components/UserControl/UserControl.js
+++ b/src/components/UserControl/UserControl.js
@@ -10,7 +10,6 @@ import { alert } from '../../helper/alert';
 import History from '../../helper/history';
 import AvatarUnit from '../AvatarUnit/AvatarUnit';
 
-const exitContent = ['登录', '退出', '退出审核'];
 // page level: 0: everyone, 1: login needed, 2: admin only
 export default function UserControl({ pageAuthLevel, buttonOnly }) {
   const { userData, setUserData } = useContext(UserContext);
@@ -69,21 +68,18 @@ export default function UserControl({ pageAuthLevel, buttonOnly }) {
               }
             </Fragment>
           )}
+          <button
+            className="btn btn-hollow btn-straight"
+            onClick={() => {
+              localStorage.setItem('jwt', '');
+              setUserData({ role: 0, name: '' });
+              History.force('/login');
+            }}
+          >{userData.role > 0 ? '退出账号' : '登录'}</button>
           {
-            userData.role === pageAuthLevel
-            ? (
+            userData.role === 2 && pageAuthLevel !== 2 && (
               <button
-                className="btn btn-hollow btn-straight"
-                onClick={() => {
-                  localStorage.setItem('jwt', '');
-                  setUserData({ role: 0, name: '' });
-                  History.force('/login');
-                }}
-              >{exitContent[pageAuthLevel]}</button>
-            )
-            : userData.role === 2 && (
-              <button
-                className="btn btn-hollow btn-straight"
+                className="btn btn-light btn-straight"
                 onClick={() => {
                   History.push('/admin/review');
                 }}
diff --git a/src/components/UserControl/userControl.css b/src/components/UserControl/userControl.css
index c8a2b63..140e833 100644
--- a/src/components/UserControl/userControl.css
+++ b/src/components/UserControl/userControl.css
@@ -6,3 +6,6 @@
   color: white;
   margin: 0 10px;
 }
+.user > :not(:first-child) {
+  margin-left: 10px;
+}
\ No newline at end of file
diff --git a/src/upload/upload.js b/src/upload/upload.js
index 12633e5..2428c07 100644
--- a/src/upload/upload.js
+++ b/src/upload/upload.js
@@ -8,6 +8,7 @@ import { images } from '../resources.json';
 
 import './upload.css';
 import UserControl from '../components/UserControl/UserControl';
+import { Link } from '../components/SingleRouter/SingleRouter';
 
 export class UploadContainer extends Component {
   constructor(props) {
@@ -67,6 +68,11 @@ export class UploadContainer extends Component {
           <div className="sdu">
             <img src={images.icon} className="sdu-logo" alt="logo" />
             <img src={images.name} className="sdu-name" alt="" />
+            <div className="nav">
+              <div className="nav-item">
+                <Link to="/" className="nav-link">首页</Link>
+              </div>
+            </div>
           </div>
           <UserControl pageAuthLevel={1} />
         </div>