Format

packages/app/src/pages/post/[post_id].jsx

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