feat(Breaking News): Implemented breakingNewsLoaded (#59)

Author: gja

README.md

@@ -42,7 +42,8 @@ This component will automatically fetch breaking news every 30 seconds, and rend
 
 ```javascript
 import { renderBreakingNews } from '@quintype/framework/client/start';
-const BreakingNewsView = (props) => <ul>{props.breakingNews.map((item, index) => <li key={index}><BreakingNewsItem item={item} /></li>)}</ul>
+const BreakingNewsView = ({breakingNews, breakingNewsLoaded}) =>
+  <ul>{breakingNews.map((item, index) => <li key={index}><BreakingNewsItem item={item} /></li>)}</ul>
 renderBreakingNews('breaking-news-container', store, BreakingNewsView);
 ```
 

src/components/breaking-news.js

@@ -29,6 +29,7 @@ function mapStateToProps(state) {
   return {
     config: state.qt.config || {},
     breakingNews: state.breakingNews || [],
+    breakingNewsLoaded: state.breakingNewsLoaded || false,
   }
 }
 

src/store/reducers.js

@@ -10,20 +10,23 @@ import {
   MEMBER_BEING_LOADED,
 } from './actions';
 
-function breakingNewsReducer(state = [], action) {
-  switch (action.type) {
-    case BREAKING_NEWS_UPDATED: return action.stories;
-    default: return state;
+function setToTrueOnEvent() {
+  const events = Array.from(arguments);
+  return function(state = false, action) {
+    return state || events.includes(action.type);
   }
 }
 
-function clientSideRenderedReducer(state = false, action) {
+function breakingNewsReducer(state = [], action) {
   switch (action.type) {
-    case CLIENT_SIDE_RENDERED: return true;
+    case BREAKING_NEWS_UPDATED: return action.stories;
     default: return state;
   }
 }
 
+const breakingNewsLoadedReducer = setToTrueOnEvent(BREAKING_NEWS_UPDATED);
+const clientSideRenderedReducer = setToTrueOnEvent(CLIENT_SIDE_RENDERED);
+
 function pageLoadingReducer(state = false, action) {
   switch (action.type) {
     case PAGE_LOADING: return true;
@@ -59,6 +62,7 @@ function memberLoadingReducer(state = true, action) {
 
 export const ComponentReducers = {
   breakingNews: breakingNewsReducer,
+  breakingNewsLoaded: breakingNewsLoadedReducer,
   clientSideRendered: clientSideRenderedReducer,
   pageLoading: pageLoadingReducer,
   hamburgerOpened: hamburgerOpenedReducer,