[WIP] Render a QR code in AccountDetailsModal

ui/app/components/modals/account-details-modal.js

@@ -10,7 +10,7 @@ const QrView = require('../qr-code')
 function mapStateToProps (state) {
   return {
     address: state.metamask.selectedAddress,
-    selectedAddress: getSelectedAddress(state),
+    // selectedAddress: getSelectedAddress(state),
     selectedIdentity: getSelectedIdentity(state),
   }
 }
@@ -35,6 +35,8 @@ module.exports = connect(mapStateToProps, mapDispatchToProps)(AccountDetailsModa
 // It is the only component in this codebase that does so
 // It utilizes modal styles
 AccountDetailsModal.prototype.render = function () {
+  const { selectedIdentity } = this.props
+
   return h('div', {}, [
     h('div.account-details-modal-wrapper', {
     }, [
@@ -53,8 +55,8 @@ AccountDetailsModal.prototype.render = function () {
       h('div', {}, [
         h(QrView, {
           Qr: {
-            message: this.props.selectedAddress,
-            data: this.props.selectedIdentity,
+            message: this.props.selectedIdentity.name,
+            data: this.props.selectedIdentity.address,
           }
         }, []),
       ]),

ui/app/components/qr-code.js

@@ -10,11 +10,7 @@ module.exports = connect(mapStateToProps)(QrCodeView)
 
 function mapStateToProps (state) {
   return {
-    // Qr: state.appState.Qr,
-    /*
-      Qr.message - address
-      Qr.data - identity
-     */
+    // Qr code is not fetched from state. 'message' and 'data' props are passed instead.
     buyView: state.appState.buyView,
     warning: state.appState.warning,
   }