Restore start/stop drag

popcodeorg · Jun 1, 2018 · 7c11d09 · 7c11d09
1 parent 1236f9e
commit 7c11d09
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/src/components/Workspace.jsx b/src/components/Workspace.jsx
@@ -106,6 +106,8 @@ export default class Workspace extends React.Component {
       flex,
       flexRefs,
       onDrag,
+      onStartDragColumnDivider,
+      onStopDragColumnDivider,
     } = this.props;
     if (isNull(currentProject)) {
       return <PopThrobber message={t('workspace.loading')} />;
@@ -119,6 +121,8 @@ export default class Workspace extends React.Component {
         />
         <DraggableCore
           onDrag={partial(onDrag, 0)}
+          onStart={onStartDragColumnDivider}
+          onStop={onStopDragColumnDivider}
         >
           <div
             className="editors__column-divider"
@@ -157,6 +161,8 @@ Workspace.propTypes = {
   onApplicationLoaded: PropTypes.func.isRequired,
   onComponentToggle: PropTypes.func.isRequired,
   onDrag: PropTypes.func.isRequired,
+  onStartDragColumnDivider: PropTypes.func.isRequired,
+  onStopDragColumnDivider: PropTypes.func.isRequired,
 };
 
 Workspace.defaultProps = {

diff --git a/src/containers/Workspace.js b/src/containers/Workspace.js
@@ -4,6 +4,8 @@ import {getCurrentProject, isEditingInstructions} from '../selectors';
 import {
   toggleComponent,
   applicationLoaded,
+  startDragColumnDivider,
+  stopDragColumnDivider,
 } from '../actions';
 import resizableFlex from '../util/resizableFlex';
 
@@ -24,6 +26,14 @@ function mapDispatchToProps(dispatch) {
     onComponentToggle(projectKey, componentName) {
       dispatch(toggleComponent(projectKey, componentName));
     },
+
+    onStartDragColumnDivider() {
+      dispatch(startDragColumnDivider());
+    },
+
+    onStopDragColumnDivider() {
+      dispatch(stopDragColumnDivider());
+    },
   };
 }