From 982711f9af404256cb02741ec8710d235bb9a00a Mon Sep 17 00:00:00 2001
From: Filip Barl <filip.barl@gmail.com>
Date: Tue, 17 Oct 2017 18:10:34 +0200
Subject: [PATCH] Wrap multiline JSX DOM.

---
 client/.eslintrc                                          | 2 --
 .../components/node-details/node-details-controls.js      | 4 ++--
 .../components/node-details/node-details-health.js        | 8 ++++----
 .../components/node-details/node-details-property-list.js | 4 ++--
 .../components/node-details/node-details-table-row.js     | 4 ++--
 5 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/client/.eslintrc b/client/.eslintrc
index afef0bdbc..e622effa6 100644
--- a/client/.eslintrc
+++ b/client/.eslintrc
@@ -39,7 +39,5 @@
 
     "jsx-a11y/click-events-have-key-events": 0,
     "jsx-a11y/mouse-events-have-key-events": 0,
-
-    "react/jsx-wrap-multilines": 0,
   }
 }
diff --git a/client/app/scripts/components/node-details/node-details-controls.js b/client/app/scripts/components/node-details/node-details-controls.js
index 198351f3e..f639ac39c 100644
--- a/client/app/scripts/components/node-details/node-details-controls.js
+++ b/client/app/scripts/components/node-details/node-details-controls.js
@@ -22,11 +22,11 @@ export default function NodeDetailsControls({
         </div>
       }
       <span className="node-details-controls-buttons">
-        {sortBy(controls, 'rank').map(control => <NodeDetailsControlButton
+        {sortBy(controls, 'rank').map(control => (<NodeDetailsControlButton
           nodeId={nodeId}
           control={control}
           pending={pending}
-          key={control.id} />)}
+          key={control.id} />))}
       </span>
       {controls && <span title="Applying..." className={spinnerClassName} />}
     </div>
diff --git a/client/app/scripts/components/node-details/node-details-health.js b/client/app/scripts/components/node-details/node-details-health.js
index aebebd5fd..e73b2b0d5 100644
--- a/client/app/scripts/components/node-details/node-details-health.js
+++ b/client/app/scripts/components/node-details/node-details-health.js
@@ -38,18 +38,18 @@ export default class NodeDetailsHealth extends React.Component {
     return (
       <div className="node-details-health" style={{ justifyContent: 'space-around' }}>
         <div className="node-details-health-wrapper">
-          {shownWithData.map(item => <NodeDetailsHealthLinkItem
+          {shownWithData.map(item => (<NodeDetailsHealthLinkItem
             {...item}
             key={item.id}
             topologyId={topologyId}
-          />)}
+          />))}
         </div>
         <div className="node-details-health-wrapper">
-          {shownEmpty.map(item => <NodeDetailsHealthLinkItem
+          {shownEmpty.map(item => (<NodeDetailsHealthLinkItem
             {...item}
             key={item.id}
             topologyId={topologyId}
-          />)}
+          />))}
         </div>
         <ShowMore
           handleClick={this.handleClickMore}
diff --git a/client/app/scripts/components/node-details/node-details-property-list.js b/client/app/scripts/components/node-details/node-details-property-list.js
index e6d305c98..92a7fbc22 100644
--- a/client/app/scripts/components/node-details/node-details-property-list.js
+++ b/client/app/scripts/components/node-details/node-details-property-list.js
@@ -9,10 +9,10 @@ import ShowMore from '../show-more';
 
 const Controls = controls => (
   <div className="node-details-property-list-controls">
-    {sortBy(controls, 'rank').map(control => <NodeDetailsControlButton
+    {sortBy(controls, 'rank').map(control => (<NodeDetailsControlButton
       nodeId={control.nodeId}
       control={control}
-      key={control.id} />)}
+      key={control.id} />))}
   </div>
 );
 
diff --git a/client/app/scripts/components/node-details/node-details-table-row.js b/client/app/scripts/components/node-details/node-details-table-row.js
index f42409849..ed157ab3f 100644
--- a/client/app/scripts/components/node-details/node-details-table-row.js
+++ b/client/app/scripts/components/node-details/node-details-table-row.js
@@ -66,12 +66,12 @@ function renderValues(node, columns = [], columnStyles = [], timestamp = null, t
             style={style}
             key={field.id}>
             {intersperse(field.relatives.map(relative =>
-              <NodeDetailsTableNodeLink
+              (<NodeDetailsTableNodeLink
                 key={relative.id}
                 linkable
                 nodeId={relative.id}
                 {...relative}
-              />), ' ')}
+              />)), ' ')}
           </td>
         );
       }