diff options
author | crupest <crupest@outlook.com> | 2021-02-14 17:14:52 +0800 |
---|---|---|
committer | crupest <crupest@outlook.com> | 2021-02-14 17:14:52 +0800 |
commit | 8ba5bfb5e3ce2b7f398f1893efde4bd92fcb6015 (patch) | |
tree | af25fa3dbe238e60bb030ea20e41d75715ba4c30 /FrontEnd/src/app/views/timeline-common | |
parent | 6965a02266b835a758c127f250c9628cebfbbc6d (diff) | |
download | timeline-8ba5bfb5e3ce2b7f398f1893efde4bd92fcb6015.tar.gz timeline-8ba5bfb5e3ce2b7f398f1893efde4bd92fcb6015.tar.bz2 timeline-8ba5bfb5e3ce2b7f398f1893efde4bd92fcb6015.zip |
feat: Add skeleton for text post.
Diffstat (limited to 'FrontEnd/src/app/views/timeline-common')
-rw-r--r-- | FrontEnd/src/app/views/timeline-common/TimelinePostContentView.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/FrontEnd/src/app/views/timeline-common/TimelinePostContentView.tsx b/FrontEnd/src/app/views/timeline-common/TimelinePostContentView.tsx index 67871c48..35d091af 100644 --- a/FrontEnd/src/app/views/timeline-common/TimelinePostContentView.tsx +++ b/FrontEnd/src/app/views/timeline-common/TimelinePostContentView.tsx @@ -1,5 +1,4 @@ import React from "react"; -import { Spinner } from "react-bootstrap"; import clsx from "clsx"; import { HttpNetworkError } from "@/http/common"; @@ -7,6 +6,8 @@ import { getHttpTimelineClient, HttpTimelinePostInfo } from "@/http/timeline"; import { useUser } from "@/services/user"; +import Skeleton from "../common/Skeleton"; + const TextView: React.FC<TimelinePostContentViewProps> = (props) => { const { post, className, style } = props; @@ -49,7 +50,7 @@ const TextView: React.FC<TimelinePostContentViewProps> = (props) => { </div> ); } else if (text == null) { - return <Spinner variant="primary" animation="grow" />; + return <Skeleton />; } else { return ( <div className={className} style={style}> |