fix: button for empty stays

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

@@ -4,6 +4,7 @@ import SectionContainer from "@/components/Section/Container"
 import SectionHeader from "@/components/Section/Header"
 
 import ClientUpcomingStays from "./Client"
+import EmptyUpcomingStaysBlock from "./EmptyUpcomingStays"
 
 import type { AccountPageComponentProps } from "@/types/components/myPages/myPage/accountPage"
 
@@ -20,10 +21,14 @@ export default async function UpcomingStays({
   return (
     <SectionContainer>
       <SectionHeader title={title} subtitle={subtitle} link={link} />
-      <ClientUpcomingStays
-        initialUpcomingStays={initialUpcomingStays}
-        lang={lang}
-      />
+      {initialUpcomingStays.data.length ? (
+        <ClientUpcomingStays
+          initialUpcomingStays={initialUpcomingStays}
+          lang={lang}
+        />
+      ) : (
+        <EmptyUpcomingStaysBlock lang={lang} />
+      )}
     </SectionContainer>
   )
 }