diff options
author | crupest <crupest@outlook.com> | 2021-02-13 11:58:36 +0800 |
---|---|---|
committer | crupest <crupest@outlook.com> | 2021-02-13 11:58:36 +0800 |
commit | 303f66d90472716191ae71377b3e83e1537089aa (patch) | |
tree | 24eb173e0f45b01e622820351957c2981f752468 /FrontEnd/src/app/views/home/OfflineBoard.tsx | |
parent | c3d0a5f88de0fbdf6bc584548832017087ab1248 (diff) | |
download | timeline-303f66d90472716191ae71377b3e83e1537089aa.tar.gz timeline-303f66d90472716191ae71377b3e83e1537089aa.tar.bz2 timeline-303f66d90472716191ae71377b3e83e1537089aa.zip |
...
Diffstat (limited to 'FrontEnd/src/app/views/home/OfflineBoard.tsx')
-rw-r--r-- | FrontEnd/src/app/views/home/OfflineBoard.tsx | 61 |
1 files changed, 0 insertions, 61 deletions
diff --git a/FrontEnd/src/app/views/home/OfflineBoard.tsx b/FrontEnd/src/app/views/home/OfflineBoard.tsx deleted file mode 100644 index fc05bd74..00000000 --- a/FrontEnd/src/app/views/home/OfflineBoard.tsx +++ /dev/null @@ -1,61 +0,0 @@ -import React from "react"; -import { Link } from "react-router-dom"; -import { Trans } from "react-i18next"; - -import { getAllCachedTimelineNames } from "@/services/timeline"; -import UserTimelineLogo from "../common/UserTimelineLogo"; -import TimelineLogo from "../common/TimelineLogo"; - -export interface OfflineBoardProps { - onReload: () => void; -} - -const OfflineBoard: React.FC<OfflineBoardProps> = ({ onReload }) => { - const [timelines, setTimelines] = React.useState<string[]>([]); - - React.useEffect(() => { - let subscribe = true; - void getAllCachedTimelineNames().then((t) => { - if (subscribe) setTimelines(t); - }); - return () => { - subscribe = false; - }; - }); - - return ( - <> - <Trans i18nKey="home.offlinePrompt"> - 0 - <a - href="#" - onClick={(e) => { - onReload(); - e.preventDefault(); - }} - > - 1 - </a> - 2 - </Trans> - {timelines.map((timeline) => { - const isPersonal = timeline.startsWith("@"); - const url = isPersonal - ? `/users/${timeline.slice(1)}` - : `/timelines/${timeline}`; - return ( - <div key={timeline} className="timeline-board-item"> - {isPersonal ? ( - <UserTimelineLogo className="icon" /> - ) : ( - <TimelineLogo className="icon" /> - )} - <Link to={url}>{timeline}</Link> - </div> - ); - })} - </> - ); -}; - -export default OfflineBoard; |