fix: handle empty stays in query

This commit is contained in:
Christel Westerberg
2024-05-13 09:46:14 +02:00
parent 058f0cc898
commit a91ff342f0
5 changed files with 30 additions and 199 deletions

View File

@@ -27,19 +27,20 @@ export default function PreviousStays({
)
function loadMoreData() {
fetchNextPage()
if (hasNextPage) {
fetchNextPage()
}
}
const stays = data?.pages.flatMap((page) => page.data) ?? []
return (
<Container>
<Header title={title} subtitle={subtitle} link={link} />
{data?.pages.length ? (
{stays.length ? (
<ListContainer>
<StayList
lang={lang}
stays={data?.pages.flatMap((page) => page.data) ?? []}
/>
<StayList lang={lang} stays={stays} />
{hasNextPage ? (
<ShowMoreButton disabled={isFetching} loadMoreData={loadMoreData} />
) : null}

View File

@@ -33,16 +33,15 @@ export default function UpcomingStays({
}
}
const stays = data?.pages.flatMap((page) => page.data) ?? []
return (
<Container>
<Header title={title} subtitle={subtitle} link={link} />
{data?.pages.length ? (
{stays.length ? (
<ListContainer>
<StayList
lang={lang}
stays={data?.pages.flatMap((page) => page.data) ?? []}
/>
<StayList lang={lang} stays={stays} />
{hasNextPage ? (
<ShowMoreButton disabled={isFetching} loadMoreData={loadMoreData} />
) : null}