From 565b209a351133bd2bfee034f2c3da273181f712 Mon Sep 17 00:00:00 2001
From: Mike Fix <mrfix84@gmail.com>
Date: Sat, 17 Jun 2017 16:39:14 -0700
Subject: [PATCH] Add click outside to colorpicker

---
 components/colorpicker.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/components/colorpicker.js b/components/colorpicker.js
index b1cbdf0..ae83f18 100644
--- a/components/colorpicker.js
+++ b/components/colorpicker.js
@@ -1,7 +1,8 @@
 import React from 'react'
+import enhanceWithClickOutside from 'react-click-outside'
 import { BlockPicker } from 'react-color'
 
-export default class extends React.Component {
+class ColorPicker extends React.Component {
   constructor() {
     super()
     this.state = { isVisible: false, bgcolor: '#565656' }
@@ -13,6 +14,10 @@ export default class extends React.Component {
     this.setState({ isVisible: !this.state.isVisible })
   }
 
+  handleClickOutside() {
+    this.setState({ isVisible: false });
+  }
+
   handlePickColor(color) {
     this.setState({ bgcolor: color.hex })
   }
@@ -71,3 +76,5 @@ export default class extends React.Component {
     )
   }
 }
+
+export default enhanceWithClickOutside(ColorPicker)