Merge pull request #154 from crupest/toolchain

Upgrade toolchain of front end.

1 files changed, 60 insertions, 61 deletions

diff --git a/Timeline/ClientApp/src/app/home/BoardWithoutUser.tsx b/Timeline/ClientApp/src/app/home/BoardWithoutUser.tsx
index 4b30fcc4..972c1b25 100644
--- a/Timeline/ClientApp/src/app/home/BoardWithoutUser.tsx
+++ b/Timeline/ClientApp/src/app/home/BoardWithoutUser.tsx
@@ -1,61 +1,60 @@
-import React from 'react';

-import { Row, Col } from 'reactstrap';

-

-import { TimelineInfo } from '../data/timeline';

-

-import { getHttpTimelineClient } from '../http/timeline';

-

-import TimelineBoard from './TimelineBoard';

-import OfflineBoard from './OfflineBoard';

-

-const BoardWithoutUser: React.FC = () => {

-  const [publicTimelines, setPublicTimelines] = React.useState<

-    TimelineInfo[] | 'offline' | 'loading'

-  >('loading');

-

-  React.useEffect(() => {

-    let subscribe = true;

-    if (publicTimelines === 'loading') {

-      void getHttpTimelineClient()

-        .listTimeline({ visibility: 'Public' })

-        .then(

-          (timelines) => {

-            if (subscribe) {

-              setPublicTimelines(timelines);

-            }

-          },

-          () => {

-            setPublicTimelines('offline');

-          }

-        );

-    }

-    return () => {

-      subscribe = false;

-    };

-  }, [publicTimelines]);

-

-  return (

-    <Row className="my-2 justify-content-center">

-      {publicTimelines === 'offline' ? (

-        <Col sm="8" lg="6">

-          <OfflineBoard

-            onReload={() => {

-              setPublicTimelines('loading');

-            }}

-          />

-        </Col>

-      ) : (

-        <Col sm="8" lg="6">

-          <TimelineBoard

-            timelines={publicTimelines}

-            onReload={() => {

-              setPublicTimelines('loading');

-            }}

-          />

-        </Col>

-      )}

-    </Row>

-  );

-};

-

-export default BoardWithoutUser;

+import React from "react";
+import { Row, Col } from "reactstrap";
+
+import { TimelineInfo } from "../data/timeline";
+import { getHttpTimelineClient } from "../http/timeline";
+
+import TimelineBoard from "./TimelineBoard";
+import OfflineBoard from "./OfflineBoard";
+
+const BoardWithoutUser: React.FC = () => {
+  const [publicTimelines, setPublicTimelines] = React.useState<
+    TimelineInfo[] | "offline" | "loading"
+  >("loading");
+
+  React.useEffect(() => {
+    let subscribe = true;
+    if (publicTimelines === "loading") {
+      void getHttpTimelineClient()
+        .listTimeline({ visibility: "Public" })
+        .then(
+          (timelines) => {
+            if (subscribe) {
+              setPublicTimelines(timelines);
+            }
+          },
+          () => {
+            setPublicTimelines("offline");
+          }
+        );
+    }
+    return () => {
+      subscribe = false;
+    };
+  }, [publicTimelines]);
+
+  return (
+    <Row className="my-2 justify-content-center">
+      {publicTimelines === "offline" ? (
+        <Col sm="8" lg="6">
+          <OfflineBoard
+            onReload={() => {
+              setPublicTimelines("loading");
+            }}
+          />
+        </Col>
+      ) : (
+        <Col sm="8" lg="6">
+          <TimelineBoard
+            timelines={publicTimelines}
+            onReload={() => {
+              setPublicTimelines("loading");
+            }}
+          />
+        </Col>
+      )}
+    </Row>
+  );
+};
+
+export default BoardWithoutUser;