This commit is contained in:
SrGooglo 2025-06-16 20:53:27 +00:00
parent a62ab7c919
commit eb5c28d61e

View File

@ -12,43 +12,44 @@ import useCenteredContainer from "@hooks/useCenteredContainer"
import "./index.less" import "./index.less"
const PostPage = (props) => { const PostPage = ({ params }) => {
const post_id = props.params.post_id const post_id = params.post_id
useCenteredContainer(true) useCenteredContainer(true)
const [loading, result, error, repeat] = app.cores.api.useRequest(PostService.getPost, { const [loading, result, error, repeat] = app.cores.api.useRequest(
PostService.getPost,
{
post_id, post_id,
}) },
)
if (error) { if (error) {
return <antd.Result return (
<antd.Result
status="warning" status="warning"
title="Failed to retrieve post" title="Failed to retrieve post"
subTitle={error.message} subTitle={error.message}
/> />
)
} }
if (loading) { if (loading) {
return <antd.Skeleton active /> return <antd.Skeleton active />
} }
return <div className="post-page"> return (
<div className="post-page">
<div className="post-page-original"> <div className="post-page-original">
<h1> <PostCard data={result} disableHasReplies />
<Icons.MdTextSnippet />
Post
</h1>
<PostCard
data={result}
disableHasReplies
/>
</div> </div>
{ {!!result.hasReplies && (
!!result.hasReplies && <div className="post-page-replies"> <div className="post-page-replies">
<h1><Icons.FiRepeat />Replies</h1> <h1>
<Icons.FiRepeat />
Replies
</h1>
<PostsList <PostsList
disableReplyTag disableReplyTag
@ -58,8 +59,9 @@ const PostPage = (props) => {
}} }}
/> />
</div> </div>
} )}
</div> </div>
)
} }
export default PostPage export default PostPage