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.js89
1 files changed, 0 insertions, 89 deletions
diff --git a/ui/responsive/app/components/dropdown.js b/ui/responsive/app/components/dropdown.js
deleted file mode 100644
index e77b4c40c..000000000
--- a/ui/responsive/app/components/dropdown.js
+++ /dev/null
@@ -1,89 +0,0 @@
-const Component = require('react').Component
-const PropTypes = require('react').PropTypes
-const h = require('react-hyperscript')
-const MenuDroppo = require('menu-droppo')
-
-const noop = () => {}
-
-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',
- },
- },
- [
- h(
- 'style',
- `
- li.dropdown-menu-item:hover { color:rgb(225, 225, 225); }
- li.dropdown-menu-item { color: rgb(185, 185, 185); }
- `
- ),
- ...children,
- ]
- )
- }
-}
-
-Dropdown.defaultProps = {
- isOpen: false,
- onClick: noop,
-}
-
-Dropdown.propTypes = {
- isOpen: PropTypes.bool.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.dropdown-menu-item',
- {
- onClick: () => {
- onClick()
- closeMenu()
- },
- style: {
- listStyle: 'none',
- padding: '8px 0px 8px 0px',
- fontSize: '12px',
- fontStyle: 'normal',
- fontFamily: 'Montserrat Regular',
- cursor: 'pointer',
- display: 'flex',
- justifyContent: 'flex-start',
- alignItems: 'center',
- },
- },
- children
- )
- }
-}
-
-DropdownMenuItem.propTypes = {
- closeMenu: PropTypes.func.isRequired,
- onClick: PropTypes.func.isRequired,
- children: PropTypes.node,
-}
-
-module.exports = {
- Dropdown,
- DropdownMenuItem,
-}