3 files changed, 40 insertions, 3 deletions
diff --git a/ui/app/components/modals/buy-modal.js b/ui/app/components/modals/buy-modal.js
new file mode 100644
index 000000000..c1bf1d0df
--- /dev/null
+++ b/ui/app/components/modals/buy-modal.js
@@ -0,0 +1,27 @@
+const Component = require('react').Component
+const h = require('react-hyperscript')
+const inherits = require('util').inherits
+const connect = require('react-redux').connect
+const FadeModal = require('boron').FadeModal
+const actions = require('../../actions')
+const isMobileView = require('../../../lib/is-mobile-view')
+const isPopupOrNotification = require('../../../../app/scripts/lib/is-popup-or-notification')
+const BuyOptions = require('../buy-options')
+
+inherits(BuyModal, Component)
+function BuyModal () {
+  Component.call(this)
+}
+
+module.exports = BuyModal
+
+BuyModal.prototype.render = function () {
+  return h(BuyModal, {
+    ref: "modalRef",
+  }, [
+    h(BuyOptions, {}, []),
+  ])
+
+}
+
+// TODO: specify default props and proptypes
diff --git a/ui/app/components/modals/index.js b/ui/app/components/modals/index.js
new file mode 100644
index 000000000..23b432b7c
--- /dev/null
+++ b/ui/app/components/modals/index.js
@@ -0,0 +1,9 @@
+const Modal = require('./modal')
+const BuyModal = require('./buy-modal')
+// const h = require('account-options')
+// const h = require('account-details')
+
+module.exports = {
+  Modal,
+  BuyModal,
+}
+\ No newline at end of file
diff --git a/ui/app/components/modal.js b/ui/app/components/modals/modal.js
index 010122d42..006e009b3 100644
--- a/ui/app/components/modal.js
+++ b/ui/app/components/modals/modal.js
@@ -3,9 +3,9 @@ const h = require('react-hyperscript')
 const inherits = require('util').inherits
 const connect = require('react-redux').connect
 const FadeModal = require('boron').FadeModal
-const actions = require('../actions')
-const isMobileView = require('../../lib/is-mobile-view')
-const isPopupOrNotification = require('../../../app/scripts/lib/is-popup-or-notification')
+const actions = require('../../actions')
+const isMobileView = require('../../../lib/is-mobile-view')
+const isPopupOrNotification = require('../../../../app/scripts/lib/is-popup-or-notification')
 
 function mapStateToProps (state) {
   return {
@@ -21,6 +21,7 @@ function mapDispatchToProps (dispatch) {
   }
 }
 
+// Global Modal Component
 inherits(Modal, Component)
 function Modal () {
   Component.call(this)