From b8e131041a38bd50ad1ff07e9b8546d8805618be Mon Sep 17 00:00:00 2001
From: mjoldic <mjoldic@capfundr.com>
Date: Sun, 10 Apr 2016 14:22:28 -0400
Subject: [PATCH] added react-hammerjs lib to better handle single and double
 taps

---
 package.json                  |  1 +
 src/js/components/mousepad.js | 10 ++++++----
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 6d86e96..9ca7b53 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
     "jade": "^1.11.0",
     "react": "^0.14.3",
     "react-dom": "^0.14.3",
+    "react-hammerjs": "^0.4.5",
     "robotjs": "^0.3.6",
     "socket.io": "^1.3.7",
     "socket.io-client": "^1.3.7",
diff --git a/src/js/components/mousepad.js b/src/js/components/mousepad.js
index 5e9d01f..bcbb800 100644
--- a/src/js/components/mousepad.js
+++ b/src/js/components/mousepad.js
@@ -1,3 +1,5 @@
+import Hammer from 'react-hammerjs';
+
 const React = require('react');
 const socket = require('../socket.js');
 const _ = require('underscore');
@@ -68,9 +70,9 @@ function mousepad({throttle}) {
   const onTouchMove = _.throttle(_onTouchMove, 5);
 
   return (
-    <div className="mousepad"
-      onClick={onClick}
-      onDoubleClick={onDoubleClick}
+    <Hammer className="mousepad"
+      onTap={onClick}
+      onDoubleTap={onDoubleClick}
       onMouseEnter={onMouseEnter}
       onMouseMove={onMouseMove}
       onTouchEnd={onTouchEnd}
@@ -78,7 +80,7 @@ function mousepad({throttle}) {
       onTouchStart={onTouchStart}
     >
       <span className="icon icon-mouse" />
-    </div>
+    </Hammer>
   );
 
 }