From ba1e30536885560b7bfa9174ad8a6a19e0b9151a Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Tue, 29 Jan 2019 18:14:03 +0800
Subject: [PATCH] :lipstick: site: fix extra space in demo code box

---
 site/theme/template/Content/ComponentDoc.jsx | 10 +++-------
 site/theme/template/Content/Demo.jsx         |  3 +--
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/site/theme/template/Content/ComponentDoc.jsx b/site/theme/template/Content/ComponentDoc.jsx
index 5b938be9be..8f4a454ece 100644
--- a/site/theme/template/Content/ComponentDoc.jsx
+++ b/site/theme/template/Content/ComponentDoc.jsx
@@ -13,13 +13,9 @@ export default class ComponentDoc extends React.Component {
     intl: PropTypes.object,
   };
 
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      expandAll: false,
-    };
-  }
+  state = {
+    expandAll: false,
+  };
 
   handleExpandToggle = () => {
     const { expandAll } = this.state;
diff --git a/site/theme/template/Content/Demo.jsx b/site/theme/template/Content/Demo.jsx
index e0dce380b1..179223ea1a 100644
--- a/site/theme/template/Content/Demo.jsx
+++ b/site/theme/template/Content/Demo.jsx
@@ -301,8 +301,7 @@ ${sourceCode.replace('mountNode', "document.getElementById('container')")}
           {highlightedStyle ? (
             <div key="style" className="highlight">
               <pre>
-                <code className="css" dangerouslySetInnerHTML={{ __html: highlightedStyle }} />{' '}
-                {/* eslint-disable-line */}
+                <code className="css" dangerouslySetInnerHTML={{ __html: highlightedStyle }} />
               </pre>
             </div>
           ) : null}