From 3fd4375920c7692082f6e8e91d763ec5c0a1d72a Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Fri, 16 Apr 2021 17:43:16 +0800
Subject: ...

---
 FrontEnd/src/app/views/center/BoardWithoutUser.tsx | 33 ++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 FrontEnd/src/app/views/center/BoardWithoutUser.tsx

(limited to 'FrontEnd/src/app/views/center/BoardWithoutUser.tsx')

diff --git a/FrontEnd/src/app/views/center/BoardWithoutUser.tsx b/FrontEnd/src/app/views/center/BoardWithoutUser.tsx
new file mode 100644
index 00000000..d9c7fcf4
--- /dev/null
+++ b/FrontEnd/src/app/views/center/BoardWithoutUser.tsx
@@ -0,0 +1,33 @@
+import React from "react";
+import { Row, Col } from "react-bootstrap";
+import { useTranslation } from "react-i18next";
+
+import { getHttpHighlightClient } from "@/http/highlight";
+import { getHttpTimelineClient } from "@/http/timeline";
+
+import TimelineBoard from "./TimelineBoard";
+
+const BoardWithoutUser: React.FC = () => {
+  const { t } = useTranslation();
+
+  return (
+    <Row className="my-3 justify-content-center">
+      <Col xs="12" md="6">
+        <TimelineBoard
+          title={t("home.highlightTimeline")}
+          load={() => getHttpHighlightClient().list()}
+        />
+      </Col>
+      <Col xs="12" md="6" className="my-3 my-md-0">
+        <TimelineBoard
+          title={t("home.publicTimeline")}
+          load={() =>
+            getHttpTimelineClient().listTimeline({ visibility: "Public" })
+          }
+        />
+      </Col>
+    </Row>
+  );
+};
+
+export default BoardWithoutUser;
-- 
cgit v1.2.3