[demo] add touch events to drag-i

spiderbites · Jan 17, 2018 · 5941a92 · 5941a92
1 parent 4898f01
commit 5941a92
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/packages/vx-demo/components/tiles/drag-i.js b/packages/vx-demo/components/tiles/drag-i.js
@@ -1,7 +1,5 @@
 import React from 'react';
-import { localPoint } from '@vx/event';
 import { scaleOrdinal } from '@vx/scale';
-import { withParentSize } from '@vx/responsive';
 import { LinearGradient } from '@vx/gradient';
 import { Drag, raise } from '@vx/drag';
 
@@ -52,6 +50,10 @@ export default class DragI extends React.Component {
     });
   }
 
+  componentDidMount() {
+    this.forceUpdate();
+  }
+
   render() {
     const { width, height } = this.props;
     return (
@@ -108,6 +110,9 @@ export default class DragI extends React.Component {
                     onMouseMove={dragMove}
                     onMouseUp={dragEnd}
                     onMouseDown={dragStart}
+                    onTouchStart={dragStart}
+                    onTouchMove={dragMove}
+                    onTouchEnd={dragEnd}
                   />
                 );
               }}

diff --git a/packages/vx-demo/pages/drag-i.js b/packages/vx-demo/pages/drag-i.js
@@ -6,9 +6,7 @@ export default () => {
   return (
     <Show component={DragI} title="Drag I">
       {`import React from 'react';
-import { localPoint } from '@vx/event';
 import { scaleOrdinal } from '@vx/scale';
-import { withParentSize } from '@vx/responsive';
 import { LinearGradient } from '@vx/gradient';
 import { Drag, raise } from '@vx/drag';