From 8f2c595eca30e2d7138c8e8d6685774a8f44e55d Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Thu, 15 Feb 2018 16:59:58 -0500
Subject: omg

---
 frontend/components/ToggleCart.js | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 frontend/components/ToggleCart.js

(limited to 'frontend/components/ToggleCart.js')

diff --git a/frontend/components/ToggleCart.js b/frontend/components/ToggleCart.js
new file mode 100644
index 0000000..c80baa6
--- /dev/null
+++ b/frontend/components/ToggleCart.js
@@ -0,0 +1,22 @@
+import { Component } from 'react';
+import { compose } from 'react-apollo';
+import { uiEnhancer, updateUIEnhancer } from '../enhancers/enhancers';
+import PropTypes from 'prop-types';
+
+class ToggleCart extends Component {
+  static propTypes = {
+    render: PropTypes.func.isRequired,
+    toggleCart: PropTypes.func.isRequired,
+    ui: PropTypes.object.isRequired,
+  };
+  toggle = e => {
+    // if this is a keyPress event, make sure it's the enter key
+    if (e.keyCode && e.keyCode !== 16) return;
+    this.props.toggleCart(!this.props.ui.uiData.isCartOpen);
+  };
+  render() {
+    return this.props.render(this.toggle);
+  }
+}
+
+export default compose(uiEnhancer, updateUIEnhancer)(ToggleCart);
-- 
cgit v1.3