From 6c8e81fb791486be557ecfa896c6a474ab5673e7 Mon Sep 17 00:00:00 2001
From: RC <rc.chandru@gmail.com>
Date: Sun, 4 Feb 2018 07:13:28 -0800
Subject: [PATCH] fix: Rollback React 16 features for backward compatibility

---
 src/components/Card.js | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/components/Card.js b/src/components/Card.js
index a3466799b..876dc76f7 100644
--- a/src/components/Card.js
+++ b/src/components/Card.js
@@ -1,9 +1,16 @@
-import React, {Component, Fragment} from 'react'
-import PropTypes from 'prop-types'
-import {CardHeader, CardRightContent, CardTitle, Detail, Footer, MovableCardWrapper} from '../styles/Base'
-import Tag from './Tag'
-import DeleteButton from './widgets/DeleteButton'
-import {Draggable} from 'react-beautiful-dnd'
+import React, {Component} from 'react';
+import PropTypes from 'prop-types';
+import {
+	CardHeader,
+	CardRightContent,
+	CardTitle,
+	Detail,
+	Footer,
+	MovableCardWrapper,
+} from '../styles/Base';
+import Tag from './Tag';
+import DeleteButton from './widgets/DeleteButton';
+import {Draggable} from 'react-beautiful-dnd';
 
 class Card extends Component {
   removeCard = e => {
@@ -48,7 +55,7 @@ class Card extends Component {
           const draggablePropsStyle = dragProvided.draggableProps && dragProvided.draggableProps.style
           const dragStyle = this.getItemStyle(dragSnapshot.isDragging, draggablePropsStyle)
           return (
-            <Fragment>
+            <span>
               <MovableCardWrapper
                 key={id}
                 data-id={id}
@@ -64,7 +71,7 @@ class Card extends Component {
                 {editable && !hideCardDeleteIcon && <DeleteButton onClick={this.removeCard} />}
               </MovableCardWrapper>
               {dragProvided.placeholder}
-            </Fragment>
+            </span>
           )
         }}
       </Draggable>