fix: refresh post data on refresh (#803)

src/components/screens/Post/PostScreen.tsx

@@ -151,7 +151,7 @@ function PostScreen({ navigation }: IProps) {
     () => (
       <RefreshControl
         refreshing={commentsStatus.commentsLoading}
-        onRefresh={postHook.doLoad}
+        onRefresh={postHook.doRefresh}
       />
     ),
     [commentsStatus.commentsLoading]

src/hooks/post/usePost.ts

@@ -10,9 +10,11 @@ import { setPostCollapsed } from "../../stores/posts/actions";
 import loadPostComments from "../../stores/posts/actions/loadPostComments";
 import loadCommunity from "../../stores/communities/actions/loadCommunity";
 import { getBaseUrl } from "../../helpers/LinkHelper";
+import refreshPost from "../../stores/posts/actions/refreshPost";
 
 export interface UsePost {
   doLoad: () => void;
+  doRefresh: () => void;
   onPostPress: () => void;
   setPostCommentsSort: (sortType: CommentSortType) => void;
 }
@@ -45,8 +47,14 @@ const usePost = (): UsePost => {
     });
   }, []);
 
+  const doRefresh = useCallback(() => {
+    doLoad();
+    refreshPost(postKey).then();
+  }, []);
+
   return {
     doLoad,
+    doRefresh,
     onPostPress,
     setPostCommentsSort,
   };

src/stores/posts/actions/addPost.ts

@@ -8,8 +8,13 @@ const addPost = (postKey: string, post: PostView) => {
   usePostsStore.setState((state) => {
     state.posts.set(postKey, {
       post,
-      postError: false,
-      postLoading: false,
+
+      status: {
+        loading: false,
+        error: false,
+        refreshing: false,
+      },
+
       collapsed: false,
       rerenderComments: false,
 

src/stores/posts/actions/refreshPost.ts

@@ -0,0 +1,32 @@
+import { usePostsStore } from "../postsStore";
+import { lemmyAuthToken, lemmyInstance } from "../../../LemmyInstance";
+import { handleLemmyError } from "../../../helpers/LemmyErrorHelper";
+
+const refreshPost = async (postKey) => {
+  const currentState = usePostsStore.getState().posts.get(postKey);
+
+  usePostsStore.setState((state) => {
+    state.posts.get(postKey).status.refreshing = true;
+  });
+
+  try {
+    const res = await lemmyInstance.getPost({
+      auth: lemmyAuthToken,
+      id: currentState.post.post.id,
+    });
+
+    usePostsStore.setState((state) => {
+      const prev = state.posts.get(postKey);
+      prev.post = res.post_view;
+      prev.status.refreshing = false;
+    });
+  } catch (e) {
+    handleLemmyError(e.toString());
+
+    usePostsStore.setState((state) => {
+      state.posts.get(postKey).status.refreshing = false;
+    });
+  }
+};
+
+export default refreshPost;

src/stores/posts/postsStore.ts

@@ -16,8 +16,12 @@ export interface PostCommentsState {
 
 export interface PostState {
   post: PostView;
-  postLoading: boolean;
-  postError: boolean;
+
+  status: {
+    loading: boolean;
+    error: boolean;
+    refreshing: boolean;
+  };
 
   collapsed: boolean;