From 74c8a74e7d2106057b9c1e368914146c8d2ad8d3 Mon Sep 17 00:00:00 2001
From: Luke Barnard <luke@matrix.org>
Date: Wed, 14 Feb 2018 16:43:01 +0000
Subject: [PATCH] Add Droppable to GroupView

to contain the GroupTiles as Draggables
---
 src/components/structures/MyGroups.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/structures/MyGroups.js b/src/components/structures/MyGroups.js
index 22157beaca..4c9229a2ea 100644
--- a/src/components/structures/MyGroups.js
+++ b/src/components/structures/MyGroups.js
@@ -17,6 +17,7 @@ limitations under the License.
 import React from 'react';
 import PropTypes from 'prop-types';
 import GeminiScrollbar from 'react-gemini-scrollbar';
+import { Droppable } from 'react-beautiful-dnd';
 import sdk from '../../index';
 import { _t } from '../../languageHandler';
 import dis from '../../dispatcher';
@@ -74,7 +75,13 @@ export default withMatrixClient(React.createClass({
             contentHeader = groupNodes.length > 0 ? <h3>{ _t('Your Communities') }</h3> : <div />;
             content = groupNodes.length > 0 ?
                 <GeminiScrollbar className="mx_MyGroups_joinedGroups">
-                    { groupNodes }
+                    <Droppable droppableId="my-groups-droppable" type="draggable-TagTile">
+                        { (provided, snapshot) => (
+                            <div ref={provided.innerRef}>
+                                { groupNodes }
+                            </div>
+                        ) }
+                    </Droppable>
                 </GeminiScrollbar> :
                 <div className="mx_MyGroups_placeholder">
                     { _t(