Commit 086ca1b3 authored by Daniel Puchala's avatar Daniel Puchala
Browse files

feat: movie component tweaks

parent 6ceadd85
......@@ -65,11 +65,17 @@ export const Movie = () => {
</div>
<div className="flex flex-col p-4">
<p className="text-2xl font-bold">{movie.name}</p>
<p ><b>Genres:</b> {movie.genres.map((genre: any) => `${genre}, `)}</p>
<p ><b>Genres: </b>
{movie.genres.slice(0, -1).map((genre: any) => `${genre}, `)}
{movie.genres.slice(-1).map(((genre: any) => `${genre}`))}
</p>
<p><b>Duration: </b>{formatDuration(movie.duration)}</p>
<p>{movie.description}</p>
<p className="mt-auto"><b>Duration:</b> {formatDuration(movie.duration)}</p>
<p className="text-xl"><b>Director:</b> {movie.director.name}</p>
<p className="text-xl"><b>Director:</b> {movie.actors.map((actor: any) => `${actor.name}, `)}</p>
<p className="text-xl mt-auto"><b>Director: </b>{movie.director.name}</p>
<p className="text-xl"><b>Actors: </b>
{movie.actors.slice(0, -1).map((actor: any) => `${actor.name}, `)}
{movie.actors.slice(-1).map((actor: any) => `${actor.name}`)}
</p>
<button className="w-max p-4 self-center bg-blue-600 border-2 rounded-3xl border-slate-900"
onClick={changeShowStatus}>
{showReviews ? 'Show recommended movies' : 'Show reviews'}
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment