New Titlecard Design - Desktop (#81)

* feat(frontend): title card desktop redesign

* refactor(frontend): title card desktop - update status prop

* fix(frontend): update props in search for titlecard
This commit is contained in:
Alex Zoitos
2020-09-13 23:16:57 -04:00
committed by GitHub
parent f4c2c47e56
commit b5e8428a39
7 changed files with 136 additions and 52 deletions

View File

@@ -67,7 +67,7 @@ const Discover: React.FC = () => {
</span>
</div>
</div>
<ul className="grid grid-cols-1 gap-6 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
<ul className="grid grid-cols-1 gap-6 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5">
{titles?.map((title) => (
<li
key={title.id}
@@ -75,11 +75,12 @@ const Discover: React.FC = () => {
>
<TitleCard
image={`image.tmdb.org/t/p/w600_and_h900_bestv2${title.posterPath}`}
status={'Not Requested'}
status={title.request?.status}
summary={title.overview}
title={title.title}
userScore={title.voteAverage}
year={title.releaseDate}
mediaType={title.mediaType}
/>
</li>
))}