fix(frontend): fixed similar/recommendations showing when empty (#180)

This commit is contained in:
Brandon Cohen
2020-11-18 23:18:29 -05:00
committed by GitHub
parent 1694f60e8a
commit a3ca9b40c5
2 changed files with 190 additions and 174 deletions

View File

@@ -491,6 +491,8 @@ const MovieDetails: React.FC<MovieDetailsProps> = ({ movie }) => {
/> />
))} ))}
/> />
{(recommended?.results ?? []).length > 0 && (
<>
<div className="md:flex md:items-center md:justify-between mb-4 mt-6"> <div className="md:flex md:items-center md:justify-between mb-4 mt-6">
<div className="flex-1 min-w-0"> <div className="flex-1 min-w-0">
<Link <Link
@@ -537,6 +539,10 @@ const MovieDetails: React.FC<MovieDetailsProps> = ({ movie }) => {
/> />
))} ))}
/> />
</>
)}
{(similar?.results ?? []).length > 0 && (
<>
<div className="md:flex md:items-center md:justify-between mb-4 mt-6"> <div className="md:flex md:items-center md:justify-between mb-4 mt-6">
<div className="flex-1 min-w-0"> <div className="flex-1 min-w-0">
<Link <Link
@@ -583,6 +589,8 @@ const MovieDetails: React.FC<MovieDetailsProps> = ({ movie }) => {
/> />
))} ))}
/> />
</>
)}
<div className="pb-8" /> <div className="pb-8" />
</div> </div>
); );

View File

@@ -440,6 +440,8 @@ const TvDetails: React.FC<TvDetailsProps> = ({ tv }) => {
/> />
))} ))}
/> />
{(recommended?.results ?? []).length > 0 && (
<>
<div className="md:flex md:items-center md:justify-between mb-4 mt-6"> <div className="md:flex md:items-center md:justify-between mb-4 mt-6">
<div className="flex-1 min-w-0"> <div className="flex-1 min-w-0">
<Link <Link
@@ -486,6 +488,10 @@ const TvDetails: React.FC<TvDetailsProps> = ({ tv }) => {
/> />
))} ))}
/> />
</>
)}
{(similar?.results ?? []).length > 0 && (
<>
<div className="md:flex md:items-center md:justify-between mb-4 mt-6"> <div className="md:flex md:items-center md:justify-between mb-4 mt-6">
<div className="flex-1 min-w-0"> <div className="flex-1 min-w-0">
<Link href="/tv/[tvId]/similar" as={`/tv/${data.id}/similar`}> <Link href="/tv/[tvId]/similar" as={`/tv/${data.id}/similar`}>
@@ -529,6 +535,8 @@ const TvDetails: React.FC<TvDetailsProps> = ({ tv }) => {
/> />
))} ))}
/> />
</>
)}
<div className="pb-8" /> <div className="pb-8" />
</div> </div>
); );