From cacb8c84ae9417af79d70599238192351fe7ec20 Mon Sep 17 00:00:00 2001
From: caishi <1149225589@qq.com>
Date: Thu, 10 Jun 2021 09:36:03 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=88=E5=B9=B6develop=E5=88=86=E6=94=AF?=
 =?UTF-8?q?=E7=9A=84=E4=B8=AA=E4=BA=BA=E4=B8=AD=E5=BF=83=E6=94=B9=E7=89=88?=
 =?UTF-8?q?-=E5=85=A8=E9=83=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/forge/Notice/Index.jsx | 88 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 88 insertions(+)
 create mode 100644 src/forge/Notice/Index.jsx

diff --git a/src/forge/Notice/Index.jsx b/src/forge/Notice/Index.jsx
new file mode 100644
index 000000000..d9d04d59e
--- /dev/null
+++ b/src/forge/Notice/Index.jsx
@@ -0,0 +1,88 @@
+import React, { useEffect, useState } from "react";
+import { Link } from 'react-router-dom';
+import './Index.scss';
+
+import Loadable from "react-loadable";
+import Loading from "../../Loading";
+import { Route, Switch } from "react-router-dom";
+
+const Notify = Loadable({
+  loader: () => import("./Notify"),
+  loading: Loading,
+});
+const UndoEvent = Loadable({
+  loader: () => import("./UndoEvent"),
+  loading: Loading,
+});
+function Index(props){
+  const username = props.match.params.username;
+  const pathname = props.history.location.pathname;
+  const user = props.user;
+  const undo_messages = props.undo_messages;
+
+  const [ menu , setMenu ] = useState("notify");
+  const [ messages , setMessages ] = useState(0);
+  const [ transferProjects , setTransferProjects ] = useState(0);
+
+  useEffect(()=>{
+    if(user){
+      setTransferProjects(user.undo_transfer_projects);
+    }
+    if(undo_messages){
+      setMessages(undo_messages);
+    }
+  },[user,undo_messages])
+
+  useEffect(()=>{
+    if(pathname && username){
+      if(pathname === `/users/${username}/notice`){
+        setMenu("notify");
+      }
+      if(pathname === `/users/${username}/notice/undo`){
+        setMenu("undo");
+      }
+    }
+  },[pathname])
+
+  function fetchUser(){
+    props && props.fetchUser();
+  }
+
+  function changeNum(){
+    fetchUser();
+  }
+
+  return (
+    <div>
+      <ul className="noticeMenu">
+        <li className={menu === "notify" ? "active":""}>
+          <Link to={`/users/${username}/notice`} onClick={changeNum}>
+            <span>通知</span>
+            {messages ? <span className="unNum">{messages}</span>:""}
+          </Link>
+        </li>
+        <li className={menu === "undo" ? "active":""}>
+          <Link to={`/users/${username}/notice/undo`}>
+            <span>接收仓库</span>
+            {transferProjects ? <span className="unNum">{transferProjects}</span>:""}
+          </Link>
+        </li>
+      </ul>
+      <Switch>
+        <Route
+          path="/users/:username/notice/undo"
+          render={(p) => {
+            return <UndoEvent {...props} {...p} fetchUser={fetchUser}/>;
+          }}
+        ></Route>
+        <Route
+          path="/users/:username/notice"
+          render={(p) => {
+            return <Notify {...props} {...p} fetchUser={fetchUser}/>;
+          }}
+        ></Route>
+      </Switch>
+  </div>
+  );
+}
+export default Index;