feat: improve handling of stays

components/MyPages/Blocks/Stays/Previous/Client.tsx

@@ -19,9 +19,13 @@ export default function ClientPreviousStays({
 }: PreviousStaysClientProps) {
   const { data, isFetching, fetchNextPage, hasNextPage, isLoading } =
     trpc.user.stays.previous.useInfiniteQuery(
-      {},
       {
-        getNextPageParam: (lastPage) => lastPage?.nextCursor,
+        limit: 6,
+      },
+      {
+        getNextPageParam: (lastPage) => {
+          return lastPage?.nextCursor
+        },
         initialData: {
           pageParams: [undefined, 1],
           pages: [initialPreviousStays],

components/MyPages/Blocks/Stays/Previous/index.tsx

@@ -5,7 +5,6 @@ import SectionHeader from "@/components/Section/Header"
 import SectionLink from "@/components/Section/Link"
 
 import ClientPreviousStays from "./Client"
-import EmptyPreviousStaysBlock from "./EmptyPreviousStays"
 
 import type { AccountPageComponentProps } from "@/types/components/myPages/myPage/accountPage"
 
@@ -14,18 +13,18 @@ export default async function PreviousStays({
   subtitle,
   link,
 }: AccountPageComponentProps) {
-  const initialPreviousStays = await serverClient().user.stays.previous()
-  if (!initialPreviousStays?.data) {
+  const initialPreviousStays = await serverClient().user.stays.previous({
+    limit: 6,
+  })
+
+  if (!initialPreviousStays?.data.length) {
     return null
   }
+
   return (
     <SectionContainer>
       <SectionHeader title={title} subtitle={subtitle} link={link} />
-      {initialPreviousStays.data.length ? (
-        <ClientPreviousStays initialPreviousStays={initialPreviousStays} />
-      ) : (
-        <EmptyPreviousStaysBlock />
-      )}
+      <ClientPreviousStays initialPreviousStays={initialPreviousStays} />
       <SectionLink link={link} variant="mobile" />
     </SectionContainer>
   )