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

minor bugs

Browse Source
This commit is contained in:
andres alcocer
2018-11-23 18:36:22 -05:00
parent 46728623ae
commit 9fb469a203
3 changed files with 27 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/containers/MovieGenreRow/MovieGenre.js
View File

@@ -7,7 +7,7 @@ class MovieGenre extends Component {
render() { render() {
let netflixUrl = false; let netflixUrl = false;
if (this.props.url === "https://api.themoviedb.org/3/discover/tv?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_networks=213") { if (this.props.url === "/discover/tv?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_networks=213") {
netflixUrl = true; netflixUrl = true;
} }

22
src/containers/MovieGenreRow/MovieGenreRow.js
View File

@@ -1,5 +1,5 @@
import React, { Component } from "react"; import React, { Component } from "react";
import axios from 'axios'; import axios from '../../axios-movies';
import MovieGenre from './MovieGenre'; import MovieGenre from './MovieGenre';
import Modal from "../../components/UI/Modal/Modal"; import Modal from "../../components/UI/Modal/Modal";
import MovieDetails from '../../components/Movie/MovieDetails/MovieDetails'; import MovieDetails from '../../components/Movie/MovieDetails/MovieDetails';
@@ -57,7 +57,7 @@ class MovieGenreRow extends Component {
results.forEach((movie) => { results.forEach((movie) => {
let movieImageUrl = "https://image.tmdb.org/t/p/original/" + movie.backdrop_path; let movieImageUrl = "https://image.tmdb.org/t/p/original/" + movie.backdrop_path;
if (url === "https://api.themoviedb.org/3/discover/tv?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_networks=213") { if (url === "/discover/tv?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_networks=213") {
movieImageUrl = "https://image.tmdb.org/t/p/original/" + movie.poster_path; movieImageUrl = "https://image.tmdb.org/t/p/original/" + movie.poster_path;
} }
@@ -81,7 +81,7 @@ class MovieGenreRow extends Component {
* Send request for movies that are popular right now * Send request for movies that are popular right now
*/ */
getTrending = () => { getTrending = () => {
const url = "https://api.themoviedb.org/3/trending/all/week?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&language=en-US"; const url = "/trending/all/week?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&language=en-US";
axios.get(url) axios.get(url)
.then(res => { .then(res => {
@@ -98,7 +98,7 @@ class MovieGenreRow extends Component {
* Send request for movies that are top rated * Send request for movies that are top rated
*/ */
getTopRated = () => { getTopRated = () => {
const url = "https://api.themoviedb.org/3/movie/top_rated?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&language=en-US"; const url = "/movie/top_rated?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&language=en-US";
axios.get(url) axios.get(url)
.then(res => { .then(res => {
@@ -114,7 +114,7 @@ class MovieGenreRow extends Component {
* Get Netflix originals * Get Netflix originals
*/ */
getNetflixMovies = () => { getNetflixMovies = () => {
const url = "https://api.themoviedb.org/3/discover/tv?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_networks=213"; const url = "/discover/tv?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_networks=213";
axios.get(url) axios.get(url)
.then(res => { .then(res => {
@@ -128,7 +128,7 @@ class MovieGenreRow extends Component {
} }
getActionMovies = () => { getActionMovies = () => {
const url = "https://api.themoviedb.org/3/discover/movie?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_genres=28"; const url = "/discover/movie?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_genres=28";
axios.get(url) axios.get(url)
.then(res => { .then(res => {
@@ -142,7 +142,7 @@ class MovieGenreRow extends Component {
} }
getComedyMovies = () => { getComedyMovies = () => {
const url = "https://api.themoviedb.org/3/discover/movie?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_genres=35"; const url = "/discover/movie?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_genres=35";
axios.get(url) axios.get(url)
.then(res => { .then(res => {
@@ -156,7 +156,7 @@ class MovieGenreRow extends Component {
} }
getHorrorMovies = () => { getHorrorMovies = () => {
const url = "https://api.themoviedb.org/3/discover/movie?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_genres=27"; const url = "/discover/movie?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_genres=27";
axios.get(url) axios.get(url)
.then(res => { .then(res => {
@@ -170,7 +170,7 @@ class MovieGenreRow extends Component {
} }
getRomanceMovies = () => { getRomanceMovies = () => {
const url = "https://api.themoviedb.org/3/discover/movie?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_genres=10749"; const url = "/discover/movie?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_genres=10749";
axios.get(url) axios.get(url)
.then(res => { .then(res => {
@@ -184,7 +184,7 @@ class MovieGenreRow extends Component {
} }
getAnimatedMovies = () => { getAnimatedMovies = () => {
const url = "https://api.themoviedb.org/3/discover/movie?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_genres=16"; const url = "/discover/movie?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_genres=16";
axios.get(url) axios.get(url)
.then(res => { .then(res => {
@@ -198,7 +198,7 @@ class MovieGenreRow extends Component {
} }
getDocumentaries = () => { getDocumentaries = () => {
const url = "https://api.themoviedb.org/3/discover/movie?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_genres=99"; const url = "/discover/movie?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_genres=99";
axios.get(url) axios.get(url)
.then(res => { .then(res => {

16
src/static/sass/components/_movieShowcase.scss
View File

@@ -38,15 +38,22 @@
@include responsive(tab_port) { @include responsive(tab_port) {
transform: translate3d(-5rem, 0, 0); transform: translate3d(-5rem, 0, 0);
} }
@include responsive(phone) {
transform: translate3d(-3rem, 0, 0);
}
} }
&--movie:hover ~ &--movie { &--movie:hover ~ &--movie {
transform: translate3d(6rem, 0, 0); transform: translate3d(6rem, 0, 0);
@include responsive(tab_port) { @include responsive(tab_port) {
transform: translate3d(4.5rem, 0, 0); transform: translate3d(4.5rem, 0, 0);
} }
@include responsive(phone) {
transform: translate3d(2.8rem, 0, 0);
}
} }
@@ -80,6 +87,10 @@
height: 18.5rem; height: 18.5rem;
} }
@include responsive(phone) {
height: 14rem;
}
&:not(:last-child) { &:not(:last-child) {
padding-right: .5rem; padding-right: .5rem;
} }
@@ -102,6 +113,9 @@
@include responsive(tab_port) { @include responsive(tab_port) {
height: 42rem; height: 42rem;
} }
@include responsive(phone) {
height: 34rem;
}
} }
} }