fix: refactor OverviewTableClient

This commit is contained in:
Christel Westerberg
2024-09-26 11:51:48 +02:00
parent 56cd02f90b
commit 2a5a3126fe
7 changed files with 146 additions and 133 deletions

View File

@@ -40,9 +40,16 @@ export default function ClientCurrentRewards({
const filteredRewards =
data?.pages.filter((page) => page && page.rewards) ?? []
const rewards = filteredRewards.flatMap((page) => page?.rewards) as Reward[]
return isLoading ? (
<LoadingSpinner />
) : rewards.length ? (
if (isLoading) {
return <LoadingSpinner />
}
if (!rewards.length) {
return null
}
return (
<div>
<Grids.Stackable>
{rewards.map((reward, idx) => (
@@ -58,13 +65,12 @@ export default function ClientCurrentRewards({
</article>
))}
</Grids.Stackable>
{hasNextPage ? (
isFetching ? (
{hasNextPage &&
(isFetching ? (
<LoadingSpinner />
) : (
<ShowMoreButton disabled={isFetching} loadMoreData={loadMoreData} />
)
) : null}
<ShowMoreButton loadMoreData={loadMoreData} />
))}
</div>
) : null
)
}