Move responsive ui into its own folder for easier merges

1 files changed, 59 insertions, 0 deletions

diff --git a/ui/app/components/drop-menu-item.js b/ui/app/components/drop-menu-item.js
new file mode 100644
index 000000000..e42948209
--- /dev/null
+++ b/ui/app/components/drop-menu-item.js
@@ -0,0 +1,59 @@
+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 16px 6px 5px',
+      fontFamily: 'Montserrat Regular',
+      color: 'rgb(125, 128, 130)',
+      cursor: 'pointer',
+      display: 'flex',
+      justifyContent: 'flex-start',
+    },
+  }, [
+    this.props.icon,
+    this.props.label,
+    this.activeNetworkRender(),
+  ])
+}
+
+DropMenuItem.prototype.activeNetworkRender = function () {
+  const activeNetwork = this.props.activeNetworkRender
+  const { provider } = this.props
+  const providerType = provider ? provider.type : null
+  if (activeNetwork === undefined) return
+
+  switch (this.props.label) {
+    case 'Main Ethereum Network':
+      if (providerType === 'mainnet') return h('.check', '✓')
+      break
+    case 'Ropsten Test Network':
+      if (providerType === 'ropsten') return h('.check', '✓')
+      break
+    case 'Kovan Test Network':
+      if (providerType === 'kovan') return h('.check', '✓')
+      break
+    case 'Rinkeby Test Network':
+      if (providerType === 'rinkeby') return h('.check', '✓')
+      break
+    case 'Localhost 8545':
+      if (activeNetwork === 'http://localhost:8545') return h('.check', '✓')
+      break
+    default:
+      if (activeNetwork === 'custom') return h('.check', '✓')
+  }
+}