From 5941a92a665c56471349c578b0699235dc910ef7 Mon Sep 17 00:00:00 2001
From: Harry Shoff <harry@airbnb.com>
Date: Wed, 17 Jan 2018 10:42:25 -0500
Subject: [PATCH] [demo] add touch events to drag-i

---
 packages/vx-demo/components/tiles/drag-i.js | 9 +++++++--
 packages/vx-demo/pages/drag-i.js            | 2 --
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/vx-demo/components/tiles/drag-i.js b/packages/vx-demo/components/tiles/drag-i.js
index 422125c44..3124b5d0f 100644
--- 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
index a285fe826..d4bd35e48 100644
--- 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';