fixed index issue with slider

Author: mylee1995

src/app/components/Slider.jsx

@@ -38,6 +38,7 @@ class mainSlider extends Component {
                 max={this.props.snapshotLength-1} 
                 value = {this.props.snapshotIndex}
                 onChange={(index) => {
+                    index = index === -1 ? 0 : index;
                     this.props.handleChangeSnapshot(index)
                 }}
                 handle={handle}

src/app/containers/MainContainer.jsx

@@ -44,8 +44,8 @@ class MainContainer extends Component {
 
   emptySnapshot() {
     const { port } = this.state;
-    this.setState({ snapshots: [] });
-    port.postMessage({ action: 'emptySnap', payload: [] });
+    this.setState({ snapshots: [] , snapshotIndex: 0 });
+    port.postMessage({ action: 'emptySnap'});
   }
 
   // change the snapshot index
@@ -88,7 +88,7 @@ class MainContainer extends Component {
 
   render() {
     const { snapshots, snapshotIndex } = this.state;
-
+    
     return (
       <div className="main-container">
         main-conatiner

src/app/containers/TravelContainer.jsx

@@ -19,7 +19,7 @@ class TravelContainer extends Component {
         handleChangeSnapshot = {this.props.handleChangeSnapshot}
         snapshotIndex = {this.props.snapshotIndex}
       />
-      {`snapshot inex in slider ${this.props.snapshotIndex}`}
+      {`travelContainer snapshotIndex ${this.props.snapshotIndex}`}
       </div>
     )
 

src/extension/background.js

@@ -8,7 +8,7 @@ let snapshotArr = [];
 // establishing connection with devtools
 chrome.runtime.onConnect.addListener((port) => {
   bg = port;
-  bg.postMessage({ from: 'background.js', message: 'established connection', date: Date.now() });
+  // bg.postMessage({ from: 'background.js', message: 'established connection', date: Date.now() });
 
   // if snapshots were saved in the snapshotArr,
   // send it to devtools as soon as connection to devtools is made