imported snapshots are now properly saved into background script

Author: rydang

src/app/containers/ButtonsContainer.jsx

@@ -44,10 +44,10 @@ const ButtonsContainer = ({
       <button className="pause-button" type="button" onClick={() => dispatch({ type: 'toggleMode', payload: 'paused' })}>
         {paused ? 'Resume' : 'Pause'}
       </button>
-      <button className="lock-button" type="button" onClick={() => dispatch({ type: 'toggleLocked', payload: 'locked' })}>
+      <button className="lock-button" type="button" onClick={() => dispatch({ type: 'toggleMode', payload: 'locked' })}>
         {locked ? 'Unlock' : 'Lock'}
       </button>
-      <button className="persist-button" type="button" onClick={() => dispatch({ type: 'togglePersist', payload: 'persist' })}>
+      <button className="persist-button" type="button" onClick={() => dispatch({ type: 'toggleMode', payload: 'persist' })}>
         {persist ? 'Unpersist' : 'Persist'}
       </button>
       <button className="export-button" type="button" onClick={() => exportSnapshots(snapshots)}>

src/app/containers/MainContainer.jsx

@@ -81,6 +81,7 @@ function mainReducer(state, action) {
       return { ...state, port: action.payload };
     }
     case ACTIONS.import: {
+      port.postMessage({ action: 'import', payload: action.payload });
       return {
         ...state,
         snapshots: action.payload,
@@ -90,6 +91,19 @@ function mainReducer(state, action) {
     }
     case ACTIONS.toggleMode: {
       mode[action.payload] = !mode[action.payload];
+      const newMode = mode[action.payload];
+      switch (action.payload) {
+        case 'paused':
+          port.postMessage({ action: 'setPause', payload: newMode });
+          break;
+        case 'locked':
+          port.postMessage({ action: 'setLock', payload: newMode });
+          break;
+        case 'persist':
+          port.postMessage({ action: 'setPersist', payload: newMode });
+          break;
+        default:
+      }
       return { ...state, mode };
     }
     case ACTIONS.pause: {

src/extension/background.js

@@ -27,6 +27,9 @@ chrome.runtime.onConnect.addListener((port) => {
   port.onMessage.addListener((msg) => {
     const { action, payload } = msg;
     switch (action) {
+      case 'import':
+        snapshotArr = payload;
+        break;
       case 'emptySnap':
         snapshotArr.splice(1);
         break;

src/extension/contentScript.js

@@ -11,7 +11,6 @@ chrome.runtime.onMessage.addListener((request) => {
   const { action } = request;
   switch (action) {
     case 'jumpToSnap':
-    case 'stepToSnap':
     case 'setLock':
     case 'setPause':
       window.postMessage(request);