From d0b0526765000ab6f56e8c35545d66a760ed7b61 Mon Sep 17 00:00:00 2001
From: Dan Finlay <dan@danfinlay.com>
Date: Wed, 18 May 2016 14:36:35 -0700
Subject: Add dynamic list item styles

---
 ui/app/components/drop-menu-item.js | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 ui/app/components/drop-menu-item.js

(limited to 'ui/app/components/drop-menu-item.js')

diff --git a/ui/app/components/drop-menu-item.js b/ui/app/components/drop-menu-item.js
new file mode 100644
index 000000000..1adbba519
--- /dev/null
+++ b/ui/app/components/drop-menu-item.js
@@ -0,0 +1,31 @@
+const Component = require('react').Component
+const h = require('react-hyperscript')
+const inherits = require('util').inherits
+
+module.exports = DropMenuItem
+
+
+inherits(DropMenuItem, Component)
+function DropMenuItem() {
+  Component.call(this)
+}
+
+DropMenuItem.prototype.render = function() {
+
+  return h('li.drop-menu-item', {
+    onClick:() => {
+      this.props.closeMenu()
+      this.props.action()
+    },
+    style: {
+      listStyle: 'none',
+      padding: '6px 10px 6px 17px',
+      fontFamily: 'Transat Medium',
+      color: 'rgb(125, 128, 130)',
+      cursor: 'pointer',
+    },
+  }, [
+    this.props.icon,
+    this.props.label,
+  ])
+}
-- 
cgit