diff options
author | crupest <crupest@outlook.com> | 2021-04-16 18:01:38 +0800 |
---|---|---|
committer | crupest <crupest@outlook.com> | 2021-04-16 18:01:48 +0800 |
commit | b0cf464004142dce602fa882c8d638605be7e479 (patch) | |
tree | 5fbff51ad6d40c53dafc10779b643c4c27f3c472 /FrontEnd/src/app/views/center/BoardWithUser.tsx | |
parent | 3fd4375920c7692082f6e8e91d763ec5c0a1d72a (diff) | |
download | timeline-b0cf464004142dce602fa882c8d638605be7e479.tar.gz timeline-b0cf464004142dce602fa882c8d638605be7e479.tar.bz2 timeline-b0cf464004142dce602fa882c8d638605be7e479.zip |
...
Diffstat (limited to 'FrontEnd/src/app/views/center/BoardWithUser.tsx')
-rw-r--r-- | FrontEnd/src/app/views/center/BoardWithUser.tsx | 111 |
1 files changed, 0 insertions, 111 deletions
diff --git a/FrontEnd/src/app/views/center/BoardWithUser.tsx b/FrontEnd/src/app/views/center/BoardWithUser.tsx deleted file mode 100644 index 3263c745..00000000 --- a/FrontEnd/src/app/views/center/BoardWithUser.tsx +++ /dev/null @@ -1,111 +0,0 @@ -import React from "react"; -import { Row, Col } from "react-bootstrap"; -import { useTranslation } from "react-i18next"; - -import { AuthUser } from "@/services/user"; -import { pushAlert } from "@/services/alert"; - -import { getHttpHighlightClient } from "@/http/highlight"; -import { getHttpTimelineClient } from "@/http/timeline"; -import { getHttpBookmarkClient } from "@/http/bookmark"; - -import TimelineBoard from "./TimelineBoard"; - -const BoardWithUser: React.FC<{ user: AuthUser }> = ({ user }) => { - const { t } = useTranslation(); - - return ( - <> - <Row className="my-3 justify-content-center"> - <Col xs="12" md="6"> - <TimelineBoard - title={t("home.bookmarkTimeline")} - load={() => getHttpBookmarkClient().list()} - editHandler={{ - onDelete: (timeline) => { - return getHttpBookmarkClient() - .delete(timeline) - .catch((e) => { - pushAlert({ - message: "home.message.deleteBookmarkFail", - type: "danger", - }); - throw e; - }); - }, - onMove: (timeline, index, offset) => { - return getHttpBookmarkClient() - .move( - { timeline, newPosition: index + offset + 1 } // +1 because backend contract: index starts at 1 - ) - .catch((e) => { - pushAlert({ - message: "home.message.moveBookmarkFail", - type: "danger", - }); - throw e; - }); - }, - }} - /> - </Col> - <Col xs="12" md="6" className="my-3 my-md-0"> - <TimelineBoard - title={t("home.relatedTimeline")} - load={() => - getHttpTimelineClient().listTimeline({ relate: user.username }) - } - /> - </Col> - </Row> - <Row className="my-3 justify-content-center"> - <Col xs="12" md="6"> - <TimelineBoard - title={t("home.highlightTimeline")} - load={() => getHttpHighlightClient().list()} - editHandler={ - user.hasHighlightTimelineAdministrationPermission - ? { - onDelete: (timeline) => { - return getHttpHighlightClient() - .delete(timeline) - .catch((e) => { - pushAlert({ - message: "home.message.deleteHighlightFail", - type: "danger", - }); - throw e; - }); - }, - onMove: (timeline, index, offset) => { - return getHttpHighlightClient() - .move( - { timeline, newPosition: index + offset + 1 } // +1 because backend contract: index starts at 1 - ) - .catch((e) => { - pushAlert({ - message: "home.message.moveHighlightFail", - type: "danger", - }); - throw e; - }); - }, - } - : undefined - } - /> - </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 BoardWithUser; |