fix: don't catch error to handle ie11 bugs

affects: @stylegator/app
farism · Dec 20, 2019 · 9accfba · 9accfba
1 parent 7c8fc81
commit 9accfba
Showing 1 changed file with 10 additions and 20 deletions.
diff --git a/packages/app/src/partials/LiveMarkdown/LiveMarkdown.js b/packages/app/src/partials/LiveMarkdown/LiveMarkdown.js
@@ -4,32 +4,33 @@ import { LiveProvider, LiveEditor, LiveError, LivePreview } from 'react-live'
 
 import styles from './liveMarkdown.scss'
 
-const fixStyleProps = content => content.replace(/style(?!=\{)/g, 'style={{}}')
-
 class LiveMarkdown extends React.Component {
   constructor(props) {
     super(props)
 
     this.state = {
       expanded: false,
       content: props.content,
-      contentEditing: props.content,
     }
   }
 
-  componentDidCatch(error, info) {
-    this.setState({
-      content: fixStyleProps(this.state.contentEditing),
-    })
-  }
-
   render() {
     const { attributes, scope } = this.props
+
     const { content, expanded } = this.state
 
     return (
       <div className={styles['live-markdown']}>
         <LiveProvider code={content} scope={scope}>
+          <div className={styles['live-markdown-preview']}>
+            <LivePreview />
+          </div>
+          {expanded && (
+            <div className={styles['live-markdown-editor']}>
+              <LiveEditor />
+            </div>
+          )}
+          <LiveError />
           {attributes.interactive === 'true' && (
             <div
               {...{
@@ -41,17 +42,6 @@ class LiveMarkdown extends React.Component {
               {expanded ? '</>' : '< >'}
             </div>
           )}
-          <div className={styles['live-markdown-preview']}>
-            <LivePreview />
-          </div>
-          {expanded && (
-            <div className={styles['live-markdown-editor']}>
-              <LiveEditor
-                onChange={contentEditing => this.setState({ contentEditing })}
-              />
-            </div>
-          )}
-          <LiveError />
         </LiveProvider>
       </div>
     )