aboutsummaryrefslogtreecommitdiffstats
path: root/ui/responsive/app/components/dropdown.js
diff options
context:
space:
mode:
Diffstat (limited to 'ui/responsive/app/components/dropdown.js')
-rw-r--r--ui/responsive/app/components/dropdown.js71
1 files changed, 71 insertions, 0 deletions
diff --git a/ui/responsive/app/components/dropdown.js b/ui/responsive/app/components/dropdown.js
new file mode 100644
index 000000000..d7f0e158a
--- /dev/null
+++ b/ui/responsive/app/components/dropdown.js
@@ -0,0 +1,71 @@
+const Component = require('react').Component;
+const PropTypes = require('react').PropTypes;
+const h = require('react-hyperscript');
+const MenuDroppo = require('menu-droppo');
+
+class Dropdown extends Component {
+ render() {
+ const { isOpen, onClickOutside, style, children } = this.props;
+
+ return h(
+ MenuDroppo,
+ {
+ isOpen,
+ zIndex: 11,
+ onClickOutside,
+ style,
+ innerStyle: {
+ borderRadius: '4px',
+ padding: '8px 16px',
+ background: 'rgba(0, 0, 0, 0.8)',
+ boxShadow: 'rgba(0, 0, 0, 0.15) 0px 2px 2px 2px',
+ },
+ },
+ children,
+ );
+ }
+}
+
+Dropdown.propTypes = {
+ isOpen: PropTypes.func.isRequired,
+ onClick: PropTypes.func.isRequired,
+ children: PropTypes.node,
+ style: PropTypes.object.isRequired,
+}
+
+class DropdownMenuItem extends Component {
+ render() {
+ const { onClick, closeMenu, children } = this.props;
+
+ return h(
+ 'li',
+ {
+ onClick,
+ closeMenu,
+ style: {
+ listStyle: 'none',
+ padding: '8px 0px 8px 0px',
+ fontSize: '12px',
+ fontStyle: 'normal',
+ fontFamily: 'Montserrat Regular',
+ color: 'rgb(185, 185, 185)',
+ cursor: 'pointer',
+ display: 'flex',
+ justifyContent: 'flex-start',
+ },
+ },
+ children
+ );
+ }
+}
+
+DropdownMenuItem.propTypes = {
+ closeMenu: PropTypes.func.isRequired,
+ onClick: PropTypes.func.isRequired,
+ children: PropTypes.node,
+};
+
+module.exports = {
+ Dropdown,
+ DropdownMenuItem,
+}; \ No newline at end of file