fix: handle empty stays in query
This commit is contained in:
@@ -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}
|
||||
|
||||
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user