diff --git a/src/components/MovieGenre.js b/src/components/MovieGenre.js index 4b5e248..afb0133 100644 --- a/src/components/MovieGenre.js +++ b/src/components/MovieGenre.js @@ -18,7 +18,7 @@ export default class MovieGenre extends Component { render() { let netflixUrl = false; - if (this.props.url === "/discover/tv?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_networks=213") { + if (this.props.url === `/discover/tv?api_key=${process.env.API_KEY}&with_networks=213`) { netflixUrl = true; } diff --git a/src/components/MovieGenreImage.js b/src/components/MovieGenreImage.js index e2378aa..533f927 100644 --- a/src/components/MovieGenreImage.js +++ b/src/components/MovieGenreImage.js @@ -5,7 +5,7 @@ export default function MovieGenreImage(props) { if ( props.url === - 'https://api.themoviedb.org/3/discover/tv?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_networks=213' + `https://api.themoviedb.org/3/discover/tv?api_key=${process.env.API_KEY}&with_networks=213` ) { netflixUrl = true; } diff --git a/src/containers/ActionMovies.js b/src/containers/ActionMovies.js index 9cfb597..2809993 100644 --- a/src/containers/ActionMovies.js +++ b/src/containers/ActionMovies.js @@ -15,8 +15,7 @@ class ActionMovies extends Component { // Call getMoviesRows function only when we get the data back // from the API through redux if (this.props.actionMovies.data) { - const url = - '/discover/movie?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_genres=28'; + const url = `/discover/movie?api_key=${process.env.API_KEY}&with_genres=28`; movies = getMovieRows(this.props.actionMovies.data, url); } return ( diff --git a/src/containers/ComedyMovies.js b/src/containers/ComedyMovies.js index 55cfbc6..8290e45 100644 --- a/src/containers/ComedyMovies.js +++ b/src/containers/ComedyMovies.js @@ -15,8 +15,7 @@ class ComedyMovies extends Component { // Call getMoviesRows function only when we get the data back // from the API through redux if (this.props.movies.data) { - const url = - '/discover/tv?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_genres=35'; + const url = `/discover/tv?api_key=${process.env.API_KEY}&with_genres=35`; movies = getMovieRows(this.props.movies.data, url); } return ( diff --git a/src/containers/Documentaries.js b/src/containers/Documentaries.js index 5f4cc5c..4f1f82b 100644 --- a/src/containers/Documentaries.js +++ b/src/containers/Documentaries.js @@ -15,8 +15,7 @@ class Documentaries extends Component { // Call getMoviesRows function only when we get the data back // from the API through redux if (this.props.movies.data) { - const url = - '/discover/tv?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_genres=99'; + const url = `/discover/tv?api_key=${process.env.API_KEY}&with_genres=99`; movies = getMovieRows(this.props.movies.data, url); } return ( diff --git a/src/containers/HorrorMovies.js b/src/containers/HorrorMovies.js index e65bb74..164a7fb 100644 --- a/src/containers/HorrorMovies.js +++ b/src/containers/HorrorMovies.js @@ -15,8 +15,7 @@ class HorrorMovies extends Component { // Call getMoviesRows function only when we get the data back // from the API through redux if (this.props.movies.data) { - const url = - '/discover/tv?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_genres=27'; + const url = `/discover/tv?api_key=${process.env.API_KEY}&with_genres=27`; movies = getMovieRows(this.props.movies.data, url); } return ( diff --git a/src/containers/Layout.js b/src/containers/Layout.js index a552af7..81b5cfa 100644 --- a/src/containers/Layout.js +++ b/src/containers/Layout.js @@ -1,5 +1,5 @@ import React, { Component } from 'react'; -import axios from "axios"; +import axios from "../axios-movies"; import Navbar from './Navbar'; import MainContent from './MainContent'; @@ -22,7 +22,7 @@ class Layout extends Component { /** Make API call as soon as the user starts typing. */ makeAipCall = (searchItem) => { - const url = `https://api.themoviedb.org/3/search/multi?api_key=9ea839ec7891591994ec0f540b4b199f&language=en-US&include_adult=false&query=${searchItem}`; + const url = `/search/multi?api_key=${process.env.API_KEY}&language=en-US&include_adult=false&query=${searchItem}`; axios.get(url) .then(res => { @@ -82,11 +82,11 @@ class Layout extends Component { /** Make the appropriate API call to get the details for a single movie or tv show. */ if (movie.media_type === "movie") { const movieId = movie.id; - url = `https://api.themoviedb.org/3/movie/${movieId}?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0`; + url = `https://api.themoviedb.org/3/movie/${movieId}?api_key=${process.env.API_KEY}`; } else if (movie.media_type === "tv") { const tvId = movie.id - url = `https://api.themoviedb.org/3/tv/${tvId}?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0`; + url = `https://api.themoviedb.org/3/tv/${tvId}?api_key=${process.env.API_KEY}`; } axios.get(url) diff --git a/src/containers/MainContent.js b/src/containers/MainContent.js index ea5c6eb..774bc4f 100644 --- a/src/containers/MainContent.js +++ b/src/containers/MainContent.js @@ -8,8 +8,6 @@ import NetflixOriginals from './NetflixOriginals'; import TopRated from './TopRated'; import ActionMovies from './ActionMovies'; import ComedyMovies from './ComedyMovies'; -import HorrorMovies from './HorrorMovies'; -import RomanceMovies from './RomanceMovies'; import Documentaries from './Documentaries'; @@ -29,7 +27,7 @@ class MainContent extends Component { /** Movie Id for the Narcos series */ const movieId = 63351; /** Make Api call to retrieve the details for a single movie */ - const url = `https://api.themoviedb.org/3/tv/${movieId}?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0`; + const url = `https://api.themoviedb.org/3/tv/${movieId}?api_key=${process.env.API_KEY}`; axios .get(url) .then(res => { @@ -51,7 +49,6 @@ class MainContent extends Component { - {/* */}