fix(frontend): when there were no results in the list view, it would call fetch more infinitely

This commit is contained in:
sct
2020-11-12 08:31:29 +00:00
parent 366074c12a
commit c0ce87b6f6
8 changed files with 46 additions and 8 deletions

View File

@@ -45,6 +45,10 @@ const TvRecommendations: React.FC = () => {
const titles = data?.reduce((a, v) => [...a, ...v.results], [] as TvResult[]);
const isEmpty = !isLoadingInitialData && titles?.length === 0;
const isReachingEnd =
isEmpty || (data && data[data.length - 1]?.results.length < 20);
return (
<>
<div className="md:flex md:items-center md:justify-between mb-8 mt-6">
@@ -56,7 +60,8 @@ const TvRecommendations: React.FC = () => {
</div>
<ListView
items={titles}
isEmpty={!isLoadingInitialData && titles?.length === 0}
isEmpty={isEmpty}
isReachingEnd={isReachingEnd}
isLoading={
isLoadingInitialData || (isLoadingMore && (titles?.length ?? 0) > 0)
}

View File

@@ -48,6 +48,10 @@ const TvSimilar: React.FC = () => {
[] as MovieResult[]
);
const isEmpty = !isLoadingInitialData && titles?.length === 0;
const isReachingEnd =
isEmpty || (data && data[data.length - 1]?.results.length < 20);
return (
<>
<div className="md:flex md:items-center md:justify-between mb-8 mt-6">
@@ -59,7 +63,8 @@ const TvSimilar: React.FC = () => {
</div>
<ListView
items={titles}
isEmpty={!isLoadingInitialData && titles?.length === 0}
isEmpty={isEmpty}
isReachingEnd={isReachingEnd}
isLoading={
isLoadingInitialData || (isLoadingMore && (titles?.length ?? 0) > 0)
}