Merge pull request #12 from pietrop/master

update from master
pietrop · Mar 12, 2020 · 77ca865 · 77ca865
2 parents e9f62fc + 92c8416
commit 77ca865
Showing 1 changed file with 45 additions and 20 deletions.
diff --git a/demo/app.js b/demo/app.js
@@ -35,31 +35,31 @@ class App extends React.Component {
       fileName: "",
       autoSaveData: {},
       autoSaveContentType: "draftjs",
-      autoSaveExtension: "json"
+      autoSaveExtension: "json",
+      useLocalStorage: true
     };
 
     this.transcriptEditorRef = React.createRef();
   }
 
   loadDemo = () => {
-    if(isPresentInLocalStorage(DEMO_MEDIA_URL)){
-      const transcriptDataFromLocalStorage = loadLocalSavedData(DEMO_MEDIA_URL)
-      this.setState({
-        transcriptData: transcriptDataFromLocalStorage,
-        mediaUrl: DEMO_MEDIA_URL,
-        title: DEMO_TITLE,
-        sttType: 'draftjs'
-      });
-    }
-    else{
-       this.setState({
-        transcriptData: DEMO_TRANSCRIPT,
-        mediaUrl: DEMO_MEDIA_URL,
-        title: DEMO_TITLE,
-        sttType: "bbckaldi"
-      });
-    }
-
+      if(this.state.useLocalStorage && isPresentInLocalStorage(DEMO_MEDIA_URL)){
+        const transcriptDataFromLocalStorage = loadLocalSavedData(DEMO_MEDIA_URL)
+        this.setState({
+          transcriptData: transcriptDataFromLocalStorage,
+          mediaUrl: DEMO_MEDIA_URL,
+          title: DEMO_TITLE,
+          sttType: 'draftjs'
+        });
+      }
+      else{
+        this.setState({
+          transcriptData: DEMO_TRANSCRIPT,
+          mediaUrl: DEMO_MEDIA_URL,
+          title: DEMO_TITLE,
+          sttType: "bbckaldi"
+        });
+      }
   };
 
   // https://stackoverflow.com/questions/8885701/play-local-hard-drive-video-file-with-html5-video-tag
@@ -184,8 +184,18 @@ class App extends React.Component {
     const { data, ext } = newAutoSaveData;
     this.setState({ autoSaveData: data, autoSaveExtension: ext });
     // Saving to local storage 
-    localSave(this.state.mediaUrl, this.state.fileName, data);
+    if(this.state.useLocalStorage){
+      localSave(this.state.mediaUrl, this.state.fileName, data);
+    }
   };
+
+  handleUseLocalStorage = ()=>{
+    this.setState((prevState)=>{
+      return {useLocalStorage: !prevState.useLocalStorage}
+    }, ()=>{
+      console.log('this.state.useLocalStorage',this.state.useLocalStorage)
+    })
+  }
   render() {
     return (
       <div className={style.container}>
@@ -300,6 +310,21 @@ class App extends React.Component {
               />
             </div>
 
+            <div className={style.checkbox}>
+              <label
+                className={style.editableLabel}
+                htmlFor={"spellCheckCheckbox"}
+              >
+                Use local storage
+              </label>
+              <input
+                id={"useLocalStorage"}
+                type="checkbox"
+                checked={this.state.useLocalStorage}
+                onChange={this.handleUseLocalStorage}
+              />
+            </div>
+
             <button
               className={style.warningButton}
               onClick={() => this.clearLocalStorage()}