main layout completed

This commit is contained in:
andres alcocer
2018-11-17 12:58:54 -05:00
parent 2a88bb4719
commit d457ad851f
8 changed files with 21 additions and 71 deletions

View File

@@ -2,7 +2,6 @@ import React, { Component } from 'react';
import axios from 'axios';
import Header from '../../components/Header/Header';
import MovieShowcase from '../MovieShowcase/MovieShowcase';
import MovieOriginals from '../MovieOriginals/MovieOriginals';
import Footer from '../../components/Footer/Footer';
import { BrowserRouter } from "react-router-dom";

View File

@@ -1,22 +0,0 @@
import React, { Component } from 'react';
class MovieOriginals extends Component {
render() {
return (
<div className="movieOriginals">
<h1>Netflix Originals</h1>
<div className="movieOriginals__container">
<div className="movieOriginals__container--movie">movie 1</div>
<div className="movieOriginals__container--movie">movie 2</div>
<div className="movieOriginals__container--movie">movie 3</div>
<div className="movieOriginals__container--movie">movie 4</div>
<div className="movieOriginals__container--movie">movie 5</div>
<div className="movieOriginals__container--movie">movie 6</div>
</div>
</div>
);
}
}
export default MovieOriginals;

View File

@@ -1,14 +0,0 @@
import React, { Component } from 'react';
// `url(https://image.tmdb.org/t/p/original/${this.props.movie.backdrop_path})`;
const movieOriginalsRows = (props) => (
<div onClick={props.movieDetails} className="movieShowcase__container" id="netflixOriginals">
<img src={props.posterUrl} className="movieShowcase__container--movie-image" />
</div>
);
export default movieOriginalsRows;