feat(app): adapt story reducer to handle new story type

src/scripts/actions/fetch-story.ts

@@ -5,6 +5,7 @@ import {languageSelector} from '../selectors/language';
 import {State} from '../reducers/index';
 
 import {LegacyStory} from '../types/legacy-story';
+import {Story} from '../types/story';
 
 export const FETCH_STORY_SUCCESS = 'FETCH_STORY_SUCCESS';
 export const FETCH_STORY_ERROR = 'FETCH_STORY_ERROR';
@@ -13,7 +14,7 @@ interface FetchStorySuccessAction {
   type: typeof FETCH_STORY_SUCCESS;
   id: string;
   language: string;
-  story: LegacyStory;
+  story: LegacyStory | Story;
 }
 
 interface FetchStoryErrorAction {
@@ -50,17 +51,15 @@ function fetchStoryErrorAction(
   };
 }
 
-const fetchStory = (id: string) => (
-  dispatch: Dispatch,
-  getState: () => State
-) => {
-  const language = languageSelector(getState());
+const fetchStory =
+  (id: string) => (dispatch: Dispatch, getState: () => State) => {
+    const language = languageSelector(getState());
 
-  return fetchStoryApi(id, language)
-    .then(story => dispatch(fetchStorySuccessAction(id, language, story)))
-    .catch(error =>
-      dispatch(fetchStoryErrorAction(id, language, error.message))
-    );
-};
+    return fetchStoryApi(id, language)
+      .then(story => dispatch(fetchStorySuccessAction(id, language, story)))
+      .catch(error =>
+        dispatch(fetchStoryErrorAction(id, language, error.message))
+      );
+  };
 
 export default fetchStory;

src/scripts/reducers/story/selected.ts

@@ -4,6 +4,7 @@ import {
 } from '../../actions/fetch-story';
 
 import {convertLegacyStory} from '../../libs/convert-legacy-story';
+import {LegacyStory} from '../../types/legacy-story';
 
 import {Story} from '../../types/story';
 
@@ -12,8 +13,12 @@ function selectedStoryReducer(
   action: FetchStoryActions
 ): Story | null {
   switch (action.type) {
-    case FETCH_STORY_SUCCESS:
-      return convertLegacyStory(action.story);
+    case FETCH_STORY_SUCCESS: {
+      const isLegacyStory = !action.story.isCurrentStory;
+      return isLegacyStory
+        ? convertLegacyStory(action.story as LegacyStory)
+        : (action.story as Story);
+    }
     default:
       return storyState;
   }

src/scripts/types/legacy-story.ts

@@ -35,4 +35,5 @@ export interface LegacySlide {
 export interface LegacyStory {
   id: string;
   slides: LegacySlide[];
+  isCurrentStory?: boolean;
 }

src/scripts/types/story.ts

@@ -8,6 +8,7 @@ export interface Slide {
 }
 
 export interface Story {
+  isCurrentStory?: boolean;
   id: string;
   slides: Slide[];
 }