fixed blank page when transfer snippet

Author: ZeroX-DG

CHANGELOG.md

@@ -13,7 +13,7 @@ Every notable changes in each version will be listed in this file.
 - **Interface**: Fixed link not open in default browser when clicked in markdown preview (Fixed [#40](https://github.com/ZeroX-DG/SnippetStore/issues/40)) ([4864b8b](https://github.com/ZeroX-DG/SnippetStore/commit/4864b8b))
 - **Interface**: Fixed can't preview github flavored markdown (Fixed [#39](https://github.com/ZeroX-DG/SnippetStore/issues/39))([9dec808](https://github.com/ZeroX-DG/SnippetStore/commit/9dec808))
 - **Interface**: Fixed MarkdownPreview not update when changing snippet (Fixed [#38](https://github.com/ZeroX-DG/SnippetStore/issues/38))([0d3ab7d](https://github.com/ZeroX-DG/SnippetStore/commit/0d3ab7d))
-- **Interface**: Fixed snippet not exiting preview mode when in edit mode (Fixed [37](https://github.com/ZeroX-DG/SnippetStore/issues/37))([64b74cc](https://github.com/ZeroX-DG/SnippetStore/commit/64b74cc))
+- **Interface**: Fixed snippet not exiting preview mode when in edit mode (Fixed [#37](https://github.com/ZeroX-DG/SnippetStore/issues/37))([64b74cc](https://github.com/ZeroX-DG/SnippetStore/commit/64b74cc))
 
 # 0.2.11
 

browser/render/components/select-input/index.jsx

@@ -21,7 +21,21 @@ class SelectInput extends React.PureComponent {
     })
   }
 
-  value () {
+  value (newValue) {
+    if (newValue) {
+      const { onChange } = this.props
+      const selected = this.filteredOptions().find(
+        option => option.label === newValue
+      )
+      if (!selected) return
+      this.setState({ selected, isFocus: false }, () => {
+        this.refs.input.value = selected.label
+        if (typeof onChange === 'function') {
+          onChange(selected)
+        }
+      })
+      return
+    }
     return this.state.selected
   }
 

browser/render/modals/create-snippet/index.jsx

@@ -31,12 +31,14 @@ export default class CreateSnippetModal extends React.Component {
 
     this.editor.setSize('100%', '100%')
     if (data) {
+      console.log(data)
       if (data.code) {
         this.editor.setValue(data.code)
       }
       if (data.ext) {
         const mode = CodeMirror.findModeByExtension(data.ext)
-        this.refs.lang.value = mode.name
+        console.log(mode)
+        this.refs.snippetLang.value(mode.name)
       }
       this.refs.snippetName.focus()
     }
@@ -61,8 +63,11 @@ export default class CreateSnippetModal extends React.Component {
     } = config.editor
     // only update codemirror mode if new props is passed
     if (props) {
-      const snippetMode = CodeMirror.findModeByName(this.refs.lang.value).mode
-      require(`codemirror/mode/${snippetMode}/${snippetMode}`)
+      const selectedLangValue = this.refs.snippetLang.value().value
+      if (selectedLangValue) {
+        const snippetMode = CodeMirror.findModeByName(selectedLangValue).mode
+        require(`codemirror/mode/${snippetMode}/${snippetMode}`)
+      }
     }
     const gutters = showLineNumber
       ? ['CodeMirror-linenumbers', 'CodeMirror-foldgutter']
@@ -92,7 +97,7 @@ export default class CreateSnippetModal extends React.Component {
     const langConf = config.language
     const snippetLang = this.refs.snippetLang.value()
     const snippetMode = snippetLang.value
-    if (snippetMode === 'null') {
+    if (snippetMode === 'null' || snippetMode === undefined) {
       this.editor.setOption('mode', 'null')
       this.editor.setOption('htmlMode', false)
     } else if (snippetMode === 'htmlmixed') {