aboutsummaryrefslogtreecommitdiff
path: root/Timeline/ClientApp/src/app/home/BoardWithoutUser.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'Timeline/ClientApp/src/app/home/BoardWithoutUser.tsx')
-rw-r--r--Timeline/ClientApp/src/app/home/BoardWithoutUser.tsx122
1 files changed, 61 insertions, 61 deletions
diff --git a/Timeline/ClientApp/src/app/home/BoardWithoutUser.tsx b/Timeline/ClientApp/src/app/home/BoardWithoutUser.tsx
index 4b30fcc4..a7dc36be 100644
--- a/Timeline/ClientApp/src/app/home/BoardWithoutUser.tsx
+++ b/Timeline/ClientApp/src/app/home/BoardWithoutUser.tsx
@@ -1,61 +1,61 @@
-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;