set env variables config in webpack file

src/store/actions/index.js

@@ -12,73 +12,89 @@ export const FETCH_DOCUMENTARIES = 'FETCH_DOCUMENTARIES';
 const API_KEY = '224ce27b38a3805ecf6f6c36eb3ba9d0';
 
 export function fetchTrending() {
-  const request = axios.get(`/trending/all/week?api_key=${API_KEY}&language=en-US`);
+  const request = axios.get(
+    `/trending/all/week?api_key=${API_KEY}&language=en-US`
+  );
 
   return {
     type: FETCH_TRENDING,
-    payload: request
-  }
+    payload: request,
+  };
 }
 
 export function fetchNetflixOriginals() {
-  const request = axios.get(`/discover/tv?api_key=${API_KEY}&with_networks=213`);
+  const request = axios.get(
+    `/discover/tv?api_key=${process.env.API_KEY}&with_networks=213`
+  );
 
   return {
     type: FETCH_NETFLIX_ORIGINALS,
-    payload: request
-  }
+    payload: request,
+  };
 }
 
 export function fetchTopRated() {
-  const request = axios.get(`/movie/top_rated?api_key=${API_KEY}&language=en-US`)
+  const request = axios.get(
+    `/movie/top_rated?api_key=${API_KEY}&language=en-US`
+  );
 
   return {
     type: FETCH_TOP_RATED,
-    payload: request
-  }
+    payload: request,
+  };
 }
 
 export function fetchActionMovies() {
-  const request = axios.get(`/discover/movie?api_key=${API_KEY}&with_genres=28`)
+  const request = axios.get(
+    `/discover/movie?api_key=${API_KEY}&with_genres=28`
+  );
 
   return {
     type: FETCH_ACTION_MOVIES,
-    payload: request
-  }
+    payload: request,
+  };
 }
 
 export function fetchComedyMovies() {
-  const request = axios.get(`/discover/movie?api_key=${API_KEY}&with_genres=35`)
+  const request = axios.get(
+    `/discover/movie?api_key=${API_KEY}&with_genres=35`
+  );
 
   return {
     type: FETCH_COMEDY_MOVIES,
-    payload: request
-  }
+    payload: request,
+  };
 }
 
 export function fetchHorrorMovies() {
-  const request = axios.get(`/discover/movie?api_key=${API_KEY}&with_genres=27`)
+  const request = axios.get(
+    `/discover/movie?api_key=${API_KEY}&with_genres=27`
+  );
 
   return {
     type: FETCH_HORROR_MOVIES,
-    payload: request
-  }
+    payload: request,
+  };
 }
 
 export function fetchRomanceMovies() {
-  const request = axios.get(`/discover/movie?api_key=${API_KEY}&with_genres=10749`)
+  const request = axios.get(
+    `/discover/movie?api_key=${API_KEY}&with_genres=10749`
+  );
 
   return {
     type: FETCH_ROMANCE_MOVIES,
-    payload: request
-  }
+    payload: request,
+  };
 }
 
 export function fetchDocumentaries() {
-  const request = axios.get(`/discover/movie?api_key=${API_KEY}&with_genres=99`)
+  const request = axios.get(
+    `/discover/movie?api_key=${API_KEY}&with_genres=99`
+  );
 
   return {
     type: FETCH_DOCUMENTARIES,
-    payload: request
-  }
-}
+    payload: request,
+  };
+}

src/store/reducers/index.js

@@ -8,7 +8,6 @@ import HorrorMoviesReducer from './reducerHorrorMovies';
 import RomanceMoviesReducer from './reducerRomanceMovies';
 import DocumentaryReducer from './reducerDocumentary';
 
-
 const rootReducer = combineReducers({
   trending: TrendingReducer,
   netflixOriginals: NetflixOriginalsReducer,
@@ -17,7 +16,7 @@ const rootReducer = combineReducers({
   comedy: ComedyMoviesReducer,
   horror: HorrorMoviesReducer,
   romance: RomanceMoviesReducer,
-  documentary: DocumentaryReducer
+  documentary: DocumentaryReducer,
 });
 
-export default rootReducer;
+export default rootReducer;

src/store/reducers/reducerActionMovies.js

@@ -4,8 +4,8 @@ export default function (state = {}, action) {
   switch (action.type) {
     case FETCH_ACTION_MOVIES:
       const data = action.payload.data.results;
-      return { ...state, data }
+      return { ...state, data };
     default:
       return state;
   }
-}
+}

src/store/reducers/reducerComedyMovies.js

@@ -4,8 +4,8 @@ export default function (state = {}, action) {
   switch (action.type) {
     case FETCH_COMEDY_MOVIES:
       const data = action.payload.data.results;
-      return { ...state, data }
+      return { ...state, data };
     default:
       return state;
   }
-}
+}

src/store/reducers/reducerDocumentary.js

@@ -4,8 +4,8 @@ export default function (state = {}, action) {
   switch (action.type) {
     case FETCH_DOCUMENTARIES:
       const data = action.payload.data.results;
-      return { ...state, data }
+      return { ...state, data };
     default:
       return state;
   }
-}
+}

src/store/reducers/reducerHorrorMovies.js

@@ -4,8 +4,8 @@ export default function (state = {}, action) {
   switch (action.type) {
     case FETCH_HORROR_MOVIES:
       const data = action.payload.data.results;
-      return { ...state, data }
+      return { ...state, data };
     default:
       return state;
   }
-}
+}

src/store/reducers/reducerNetflixOriginals.js

@@ -4,8 +4,8 @@ export default function (state = {}, action) {
   switch (action.type) {
     case FETCH_NETFLIX_ORIGINALS:
       const data = action.payload.data.results;
-      return { ...state, data }
+      return { ...state, data };
     default:
       return state;
   }
-}
+}

src/store/reducers/reducerRomanceMovies.js

@@ -4,8 +4,8 @@ export default function (state = {}, action) {
   switch (action.type) {
     case FETCH_ROMANCE_MOVIES:
       const data = action.payload.data.results;
-      return { ...state, data }
+      return { ...state, data };
     default:
       return state;
   }
-}
+}

src/store/reducers/reducerTopRated.js

@@ -4,8 +4,8 @@ export default function (state = {}, action) {
   switch (action.type) {
     case FETCH_TOP_RATED:
       const data = action.payload.data.results;
-      return { ...state, data }
+      return { ...state, data };
     default:
       return state;
   }
-}
+}

src/store/reducers/reducerTrending.js

@@ -4,8 +4,8 @@ export default function (state = {}, action) {
   switch (action.type) {
     case FETCH_TRENDING:
       const data = action.payload.data.results;
-      return { ...state, data }
+      return { ...state, data };
     default:
       return state;
   }
-}
+}