refactor: ⚡ Use recetPosts query for caching

Author: velopert

src/lib/graphql/post.ts

@@ -178,20 +178,8 @@ export const GET_POST_LIST = gql`
 `;
 
 export const GET_RECENT_POSTS = gql`
-  query RecentPosts(
-    $cursor: ID
-    $username: String
-    $temp_only: Boolean
-    $tag: String
-    $limit: Int
-  ) {
-    posts(
-      cursor: $cursor
-      username: $username
-      temp_only: $temp_only
-      tag: $tag
-      limit: $limit
-    ) {
+  query RecentPosts($cursor: ID, $limit: Int) {
+    recentPosts(cursor: $cursor, limit: $limit) {
       id
       title
       short_description

src/pages/home/RecentPostsPage.tsx

@@ -18,7 +18,7 @@ function RecentPostsPage(props: RecentPostsPageProps) {
         />
       </Helmet>
       <PostCardGrid
-        posts={data?.posts || []}
+        posts={data?.recentPosts || []}
         forHome
         loading={!data || loading}
       />

src/pages/home/hooks/useRecentPosts.ts

@@ -4,7 +4,7 @@ import { useCallback, useState } from 'react';
 import useScrollPagination from '../../../lib/hooks/useScrollPagination';
 
 export default function useRecentPosts() {
-  const { data, loading, fetchMore } = useQuery<{ posts: PartialPost[] }>(
+  const { data, loading, fetchMore } = useQuery<{ recentPosts: PartialPost[] }>(
     GET_RECENT_POSTS,
     {
       variables: {
@@ -25,19 +25,19 @@ export default function useRecentPosts() {
         },
         updateQuery: (prev, { fetchMoreResult }) => {
           if (!fetchMoreResult) return prev;
-          if (fetchMoreResult.posts.length === 0) {
+          if (fetchMoreResult.recentPosts.length === 0) {
             setIsFinished(true);
           }
           return {
-            posts: [...prev.posts, ...fetchMoreResult.posts],
+            recentPosts: [...prev.recentPosts, ...fetchMoreResult.recentPosts],
           };
         },
       });
     },
     [fetchMore],
   );
 
-  const cursor = data?.posts[data?.posts.length - 1]?.id;
+  const cursor = data?.recentPosts[data?.recentPosts.length - 1]?.id;
 
   useScrollPagination({
     cursor,