feat: add baseText style

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

@@ -13,7 +13,9 @@ export default async function PreviousStays({
   subtitle,
   link,
 }: AccountPageComponentProps) {
-  const initialPreviousStays = await serverClient().user.stays.previous()
+  const initialPreviousStays = await serverClient().user.stays.previous({
+    limit: 6,
+  })
   if (!initialPreviousStays?.data) {
     return null
   }

components/MyPages/Blocks/Stays/ShowMoreButton/button.module.css

@@ -2,3 +2,9 @@
   display: flex;
   justify-content: center;
 }
+
+.button {
+  display: flex;
+  align-items: center;
+  gap: var(--Spacing-x-half);
+}

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

@@ -2,6 +2,7 @@
 
 import { useIntl } from "react-intl"
 
+import { ChevronDownIcon } from "@/components/Icons"
 import Button from "@/components/TempDesignSystem/Button"
 
 import styles from "./button.module.css"
@@ -17,11 +18,14 @@ export default function ShowMoreButton({
     <div className={styles.container}>
       <Button
         disabled={disabled}
-        intent="primary"
         onClick={loadMoreData}
-        theme="secondaryDark"
+        variant="icon"
         type="button"
+        className={styles.button}
+        theme="base"
+        intent="text"
       >
+        <ChevronDownIcon className={styles.icon} />
         {formatMessage({ id: "Show more" })}
       </Button>
     </div>

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

@@ -14,7 +14,9 @@ export default async function UpcomingStays({
   subtitle,
   link,
 }: AccountPageComponentProps) {
-  const initialUpcomingStays = await serverClient().user.stays.upcoming()
+  const initialUpcomingStays = await serverClient().user.stays.upcoming({
+    limit: 3,
+  })
   if (!initialUpcomingStays?.data) {
     return null
   }