From 48867d95fe1a064683f96ad60fd36c893500f62c Mon Sep 17 00:00:00 2001
From: Dan <danjm.com@gmail.com>
Date: Tue, 19 Sep 2017 22:46:51 -0230
Subject: ReadOnlyInput component.

---
 ui/app/components/qr-code.js | 18 ++++++------------
 1 file changed, 6 insertions(+), 12 deletions(-)

(limited to 'ui/app/components/qr-code.js')

diff --git a/ui/app/components/qr-code.js b/ui/app/components/qr-code.js
index dca5c8c47..cc723df14 100644
--- a/ui/app/components/qr-code.js
+++ b/ui/app/components/qr-code.js
@@ -4,6 +4,7 @@ const qrCode = require('qrcode-npm').qrcode
 const inherits = require('util').inherits
 const connect = require('react-redux').connect
 const isHexPrefixed = require('ethereumjs-util').isHexPrefixed
+const ReadOnlyInput = require('./readonly-input')
 
 module.exports = connect(mapStateToProps)(QrCodeView)
 
@@ -46,18 +47,11 @@ QrCodeView.prototype.render = function () {
         __html: qrImage.createTableTag(4),
       },
     }),
-    h('.div.ellip-address-wrapper', [
-      h('input.qr-ellip-address', {
-        style: {
-          width: '247px',
-        },
-        value: Qr.data,
-        readOnly: true,
-      }),
-      // h(CopyButton, {
-      //   value: Qr.data,
-      // }),
-    ]),
+    h(ReadOnlyInput, {
+      wrapperClass: 'ellip-address-wrapper',
+      inputClass: 'qr-ellip-address',
+      value: Qr.data,
+    }),
   ])
 }
 
-- 
cgit v1.2.3