psmattas/Netflix-Clone
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

removed Hoc component

Browse Source
This commit is contained in:
andres alcocer
2021-10-07 11:22:13 -04:00
parent 7649d38a05
commit f3ac25f825
4 changed files with 66 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/components/Movie/MovieDetails.js
View File

@@ -1,24 +1,23 @@
import React from 'react';
import React from 'react'
import Aux from '../../hoc/Aux';
import AddIcon from '../../static/images/add.svg';
import PlayIcon from '../../static/images/play-button.svg';
import AddIcon from '../../static/images/add.svg'
import PlayIcon from '../../static/images/play-button.svg'
export default function MovieDetails(props) {
return (
<Aux>
<div className="modal__container">
<h1 className="modal__title">
<div>
<div className='modal__container'>
<h1 className='modal__title'>
{props.movie.title || props.movie.name}
</h1>
<p className="modal__info">
<span className="modal__rating">
<p className='modal__info'>
<span className='modal__rating'>
Rating: {props.movie.vote_average * 10}%{' '}
</span>
Release date: {props.movie.release_date || props.movie.first_air_date}{' '}
Runtime: {props.movie.runtime || props.movie.episode_run_time}m
</p>
<p className="modal__episode">
<p className='modal__episode'>
{props.movie.number_of_episodes
? ' Episodes: ' + props.movie.number_of_episodes
: ''}
@@ -26,16 +25,16 @@ export default function MovieDetails(props) {
? ' Seasons: ' + props.movie.number_of_seasons
: ''}
</p>
<p className="modal__overview">{props.movie.overview}</p>
<button className="modal__btn modal__btn--red">
<PlayIcon className="modal__btn--icon" />
<p className='modal__overview'>{props.movie.overview}</p>
<button className='modal__btn modal__btn--red'>
<PlayIcon className='modal__btn--icon' />
Play
</button>
<button className="modal__btn">
<AddIcon className="modal__btn--icon" />
<button className='modal__btn'>
<AddIcon className='modal__btn--icon' />
My List
</button>
</div>
</Aux>
);
</div>
)
}