chore: add load more functionality, with refactored css

types/components/myPages/myPage/stay.ts

@@ -1,5 +1,7 @@
+import { UUID } from "crypto"
+
 export type Stay = {
-  uid: string
+  uid: UUID
   dateArrive: Date
   dateDepart: Date
   guests: number

types/components/myPages/myStays/button.ts

@@ -0,0 +1,4 @@
+export type ShowMoreButtonParams = {
+  loadMoreData: () => void
+  disabled: boolean
+}

types/components/myPages/myStays/page.ts

@@ -0,0 +1,6 @@
+import type { Stay } from "../myPage/stay"
+
+export type Page = {
+  data: Stay[]
+  nextCursor?: number
+}

types/components/myPages/myStays/stayCard.ts

@@ -0,0 +1,8 @@
+import type { Lang } from "@/constants/languages"
+import type { Stay } from "../myPage/stay"
+
+export type StayCardProps = {
+  lang: Lang
+  shouldShowDayCount?: boolean
+  stay: Stay
+}

types/components/myPages/myStays/stayList.ts

@@ -0,0 +1,7 @@
+import type { Lang } from "@/constants/languages"
+import type { Stay } from "../myPage/stay"
+
+export type StayListProps = {
+  stays: Stay[]
+  lang: Lang
+}

types/components/myPages/stays/stayCard.ts

@@ -1,8 +0,0 @@
-import { Stay } from "../myPage/stay"
-import { Lang } from "@/constants/languages"
-
-export type StayCardProps = {
-  lang: Lang
-  showDayCount?: boolean
-  stay: Stay
-}

types/components/myPages/stays/stayList.ts

@@ -1,7 +0,0 @@
-import { Lang } from "@/constants/languages"
-import { Stay } from "../myPage/stay"
-
-export type StayListProps = {
-  stays: Stay[]
-  lang: Lang
-}