Develop import subviews

1 files changed, 27 insertions, 15 deletions

diff --git a/ui/app/accounts/import/index.js b/ui/app/accounts/import/index.js
index a16b1c39d..a7c3252cd 100644
--- a/ui/app/accounts/import/index.js
+++ b/ui/app/accounts/import/index.js
@@ -4,6 +4,10 @@ const h = require('react-hyperscript')
 const connect = require('react-redux').connect
 import Select from 'react-select'
 
+// Subviews
+const JsonImportView = require('./json.js')
+const SeedImportView = require('./seed.js')
+
 module.exports = connect(mapStateToProps)(AccountImportSubview)
 
 function mapStateToProps (state) {
@@ -31,24 +35,18 @@ AccountImportSubview.prototype.render = function () {
       h('div', {
         style: {
           padding: '10px',
-          background: 'rgb(242,242,242)',
           color: 'rgb(174, 174, 174)',
         },
       }, [
-        h('h3', 'SELECT TYPE'),
-      ]),
 
-      h('style', `
-        .has-value.Select--single > .Select-control .Select-value .Select-value-label, .Select-value-label {
-          color: rgb(174,174,174);
-        }
-      `),
+        h('h3', { style: { padding: '3px' } }, 'SELECT TYPE'),
+
+        h('style', `
+          .has-value.Select--single > .Select-control .Select-value .Select-value-label, .Select-value-label {
+            color: rgb(174,174,174);
+          }
+        `),
 
-      h('div', {
-        style: {
-          padding: '10px',
-        },
-      }, [
         h(Select, {
           name: 'import-type-select',
           clearable: false,
@@ -62,9 +60,23 @@ AccountImportSubview.prototype.render = function () {
           onChange: (opt) => {
             this.setState({ type: opt.value })
           },
-        })
-      ])
+        }),
+      ]),
+
+      this.renderImportView(),
     ])
   )
 }
 
+AccountImportSubview.prototype.renderImportView = function() {
+  const props = this.props
+  const state = this.state || {}
+  const { type } = state || props.types[0]
+
+  switch (type) {
+    case 'HD Key Tree':
+      return h(SeedImportView)
+    default:
+      return h(JsonImportView)
+  }
+}