diff --git a/packages/app/src/pages/post/[post_id].jsx b/packages/app/src/pages/post/[post_id].jsx
index 14c48748..db3107bb 100644
--- a/packages/app/src/pages/post/[post_id].jsx
+++ b/packages/app/src/pages/post/[post_id].jsx
@@ -1,22 +1,28 @@
 import React from "react"
 import * as antd from "antd"
 
+import Post from "models/post"
 import { PostCard, CommentsCard } from "components"
 
 import "./index.less"
 
 export default (props) => {
-    const [data, setData] = React.useState(null)
     const post_id = props.match.params.post_id
 
+    const [data, setData] = React.useState(null)
+
     const loadData = async () => {
         setData(null)
 
-        const data = await window.app.api.request("main", "get", `post`, undefined, {
-            post_id
+        const data = await Post.getPost({ post_id }).catch(() => {
+            antd.message.error("Failed to get post")
+
+            return false
         })
 
-        setData(data)
+        if (data) {
+            setData(data)
+        }
     }
 
     React.useEffect(() => {