Add multi message capability to Qr view for market info

1 files changed, 7 insertions, 1 deletions

diff --git a/ui/app/components/qr-code.js b/ui/app/components/qr-code.js
index 765322239..1c744b234 100644
--- a/ui/app/components/qr-code.js
+++ b/ui/app/components/qr-code.js
@@ -29,7 +29,7 @@ QrCodeView.prototype.render = function () {
       alignItems: 'center',
     },
   }, [
-    h('h3', Qr.message),
+    Array.isArray(Qr.message) ? h('.message-container', this.renderMultiMessage()) : h('h3', Qr.message),
     h('#qr-container.flex-column', {
       key: 'qr',
       style: {
@@ -48,3 +48,9 @@ QrCodeView.prototype.render = function () {
     ]),
   ])
 }
+
+QrCodeView.prototype.renderMultiMessage = function () {
+  var Qr = this.props.Qr
+  var multiMessage = Qr.message.map((message) => h('.qr-message', message))
+  return multiMessage
+}