Divide genres list from method

public/env.js

@@ -1,12 +1,12 @@
 window.env = {
-  "TRENDING": "https://api.themoviedb.org/3/trending/movie/week",
-  "DETAILS": "https://api.themoviedb.org/3/movie/",
-  "LATEST": "https://api.themoviedb.org/3/movie/latest",
-  "NOW_PLAYING": "https://api.themoviedb.org/3/movie/now_playing",
-  "POPULAR": "https://api.themoviedb.org/3/movie/popular",
-  "TOP_RATED": "https://api.themoviedb.org/3/movie/top_rated",
-  "UPCOMING": "https://api.themoviedb.org/3/movie/upcoming",
-  "API_KEY": "42cea6b932576c057f794e0128e498c2",
-  "IMG_URL": "https://image.tmdb.org/t/p/original",
-  "POSTER_URL": "https://image.tmdb.org/t/p/w342"
-};
+  TRENDING: 'https://api.themoviedb.org/3/trending/movie/week',
+  DETAILS: 'https://api.themoviedb.org/3/movie/',
+  LATEST: 'https://api.themoviedb.org/3/movie/latest',
+  NOW_PLAYING: 'https://api.themoviedb.org/3/movie/now_playing',
+  POPULAR: 'https://api.themoviedb.org/3/movie/popular',
+  TOP_RATED: 'https://api.themoviedb.org/3/movie/top_rated',
+  UPCOMING: 'https://api.themoviedb.org/3/movie/upcoming',
+  API_KEY: '42cea6b932576c057f794e0128e498c2',
+  IMG_URL: 'https://image.tmdb.org/t/p/original',
+  POSTER_URL: 'https://image.tmdb.org/t/p/w342',
+};

src/containers/Trending.js

@@ -6,7 +6,7 @@ import '../styles/main/Main.css';
 import { topTrending } from '../helpers/api_methods/api';
 import { loadTrending } from '../actions';
 import BigHero from '../components/BigHero';
-import GenreList from '../helpers/genre';
+import GenreList from '../helpers/genres/genre';
 
 const Trending = ({ movie, loader }) => {
   useEffect(() => {

src/helpers/genres/genre.js

@@ -0,0 +1,15 @@
+import genres from './genreslist';
+
+const GenreList = ids => {
+  const arr = [];
+
+  if (ids) {
+    ids.forEach(id => {
+      genres.filter(obj => obj.id === id).map(gen => arr.push(gen.name));
+    });
+  }
+
+  return arr;
+};
+
+export default GenreList;

src/helpers/genre.js → src/helpers/genres/genreslist.js

@@ -1,4 +1,4 @@
-const genres = [
+export default [
   {
     id: 28,
     name: 'Action',
@@ -76,17 +76,3 @@ const genres = [
     name: 'Western',
   },
 ];
-
-const GenreList = ids => {
-  const arr = [];
-
-  if (ids) {
-    ids.forEach(id => {
-      genres.filter(obj => obj.id === id).map(gen => arr.push(gen.name));
-    });
-  }
-
-  return arr;
-};
-
-export default GenreList;

src/styles/bighero/BigHero.scss

@@ -91,6 +91,4 @@
       }
     }
   }
-
-
-}
+}