changes to the play button

Author: Ergi516

src/app/actions/actions.js

@@ -72,3 +72,7 @@ export const deleteTab = tab => ({
   type: types.DELETE_TAB,
   payload: tab,
 });
+
+export const resetSlider = slider => ({
+  type: types.SLIDER_ZERO,
+});

src/app/constants/actionTypes.js

@@ -12,3 +12,4 @@ export const INITIAL_CONNECT = 'INITIAL_CONNECT';
 export const NEW_SNAPSHOTS = 'NEW_SNAPSHOTS';
 export const SET_TAB = 'SET_TAB';
 export const DELETE_TAB = 'DELETE_TAB';
+export const SLIDER_ZERO = 'SLIDER_ZERO';

src/app/containers/TravelContainer.jsx

@@ -19,6 +19,11 @@ function play(speed, playing, dispatch, snapshotsLength, sliderIndex) {
     dispatch(pause());
   } else {
     let currentIndex = sliderIndex;
+    if (currentIndex === snapshotsLength - 1) {
+      // dispatch action to reset the slider
+      dispatch(resetSlider());
+      currentIndex = 0;
+    }
     const intervalId = setInterval(() => {
       if (currentIndex < snapshotsLength - 1) {
         dispatch(playForward());

src/app/reducers/mainReducer.js

@@ -47,6 +47,17 @@ export default (state, action) => produce(state, draft => {
       }
       break;
     }
+    case types.SLIDER_ZERO: {
+      console.log('main reducer Slider Zero')
+      port.postMessage({
+        action: 'jumpToSnap',
+        index: 0,
+        payload: snapshots[0],
+        tabId: currentTab,
+      });
+      tabs[currentTab].sliderIndex = 0;
+      break;
+    }
     case types.CHANGE_VIEW: {
       // unselect view if same index was selected
       if (viewIndex === action.payload) tabs[currentTab].viewIndex = -1;