refactored Header component

src/store/reducers/index.js

@@ -1,12 +1,13 @@
-import { combineReducers } from 'redux';
-import TrendingReducer from './reducerTrending';
-import NetflixOriginalsReducer from './reducerNetflixOriginals';
-import TopRatedReducer from './reducerTopRated';
-import ActionMoviesReducer from './reducerActionMovies';
-import ComedyMoviesReducer from './reducerComedyMovies';
-import HorrorMoviesReducer from './reducerHorrorMovies';
-import RomanceMoviesReducer from './reducerRomanceMovies';
-import DocumentaryReducer from './reducerDocumentary';
+import { combineReducers } from 'redux'
+import TrendingReducer from './reducerTrending'
+import NetflixOriginalsReducer from './reducerNetflixOriginals'
+import TopRatedReducer from './reducerTopRated'
+import ActionMoviesReducer from './reducerActionMovies'
+import ComedyMoviesReducer from './reducerComedyMovies'
+import HorrorMoviesReducer from './reducerHorrorMovies'
+import RomanceMoviesReducer from './reducerRomanceMovies'
+import DocumentaryReducer from './reducerDocumentary'
+import HeaderMovieReducer from './reducerHeaderMovie'
 
 const rootReducer = combineReducers({
   trending: TrendingReducer,
@@ -17,6 +18,7 @@ const rootReducer = combineReducers({
   horror: HorrorMoviesReducer,
   romance: RomanceMoviesReducer,
   documentary: DocumentaryReducer,
-});
+  headerMovie: HeaderMovieReducer,
+})
 
-export default rootReducer;
+export default rootReducer

src/store/reducers/reducerHeaderMovie.js

@@ -0,0 +1,11 @@
+import { FETCH_HEADER_MOVIE } from '../actions/index'
+
+export default function (state = {}, action) {
+  switch (action.type) {
+    case FETCH_HEADER_MOVIE:
+      const data = action.payload.data
+      return { ...state, ...data }
+    default:
+      return state
+  }
+}

src/store/reducers/reducerNetflixOriginals.js

@@ -1,11 +1,11 @@
-import { FETCH_NETFLIX_ORIGINALS } from '../actions/index';
+import { FETCH_NETFLIX_ORIGINALS } from '../actions/index'
 
 export default function (state = {}, action) {
   switch (action.type) {
     case FETCH_NETFLIX_ORIGINALS:
-      const data = action.payload.data.results;
-      return { ...state, data };
+      const data = action.payload.data.results
+      return { ...state, data }
     default:
-      return state;
+      return state
   }
 }