From 72f07aeaf0be1ac9fcef627f1ab9f43cd5a4bc8d Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Sat, 19 Dec 2020 21:42:58 +0800
Subject: ...

---
 FrontEnd/src/app/views/home/BoardWithUser.tsx | 70 +++++++--------------------
 1 file changed, 17 insertions(+), 53 deletions(-)

(limited to 'FrontEnd/src/app/views')

diff --git a/FrontEnd/src/app/views/home/BoardWithUser.tsx b/FrontEnd/src/app/views/home/BoardWithUser.tsx
index bbef835a..16648820 100644
--- a/FrontEnd/src/app/views/home/BoardWithUser.tsx
+++ b/FrontEnd/src/app/views/home/BoardWithUser.tsx
@@ -12,87 +12,51 @@ import OfflineBoard from "./OfflineBoard";
 const BoardWithUser: React.FC<{ user: AuthUser }> = ({ user }) => {
   const { t } = useTranslation();
 
-  const [ownTimelines, setOwnTimelines] = React.useState<
+  const [relatedTimelines, setRelatedTimelines] = React.useState<
     TimelineInfo[] | "offline" | "loading"
   >("loading");
-  const [joinTimelines, setJoinTimelines] = React.useState<
-    TimelineInfo[] | "offline" | "loading"
-  >("loading");
-
-  React.useEffect(() => {
-    let subscribe = true;
-    if (ownTimelines === "loading") {
-      void getHttpTimelineClient()
-        .listTimeline({ relate: user.username, relateType: "own" })
-        .then(
-          (timelines) => {
-            if (subscribe) {
-              setOwnTimelines(timelines);
-            }
-          },
-          () => {
-            setOwnTimelines("offline");
-          }
-        );
-    }
-    return () => {
-      subscribe = false;
-    };
-  }, [user, ownTimelines]);
 
   React.useEffect(() => {
     let subscribe = true;
-    if (joinTimelines === "loading") {
+    if (relatedTimelines === "loading") {
       void getHttpTimelineClient()
-        .listTimeline({ relate: user.username, relateType: "join" })
+        .listTimeline({ relate: user.username })
         .then(
           (timelines) => {
             if (subscribe) {
-              setJoinTimelines(timelines);
+              setRelatedTimelines(timelines);
             }
           },
           () => {
-            setJoinTimelines("offline");
+            setRelatedTimelines("offline");
           }
         );
     }
     return () => {
       subscribe = false;
     };
-  }, [user, joinTimelines]);
+  }, [user, relatedTimelines]);
 
   return (
     <Row className="my-3 justify-content-center">
-      {ownTimelines === "offline" && joinTimelines === "offline" ? (
+      {relatedTimelines === "offline" ? (
         <Col sm="8" lg="6">
           <OfflineBoard
             onReload={() => {
-              setOwnTimelines("loading");
-              setJoinTimelines("loading");
+              setRelatedTimelines("loading");
             }}
           />
         </Col>
       ) : (
-        <>
-          <Col sm="6" lg="5" className="mb-3 mb-sm-0">
-            <TimelineBoard
-              title={t("home.ownTimeline")}
-              timelines={ownTimelines}
-              onReload={() => {
-                setOwnTimelines("loading");
-              }}
-            />
-          </Col>
-          <Col sm="6" lg="5">
-            <TimelineBoard
-              title={t("home.joinTimeline")}
-              timelines={joinTimelines}
-              onReload={() => {
-                setJoinTimelines("loading");
-              }}
-            />
-          </Col>
-        </>
+        <Col sm="6" lg="5">
+          <TimelineBoard
+            title={t("home.relatedTimeline")}
+            timelines={relatedTimelines}
+            onReload={() => {
+              setRelatedTimelines("loading");
+            }}
+          />
+        </Col>
       )}
     </Row>
   );
-- 
cgit v1.2.3