{applicationId}
-
+
diff --git a/src/v2/components/QRPopup/index.jsx b/src/v2/components/QRPopup/index.jsx
index 04476f77..4a085b44 100644
--- a/src/v2/components/QRPopup/index.jsx
+++ b/src/v2/components/QRPopup/index.jsx
@@ -1,9 +1,11 @@
+//@flow
import {Popover} from '@material-ui/core';
+import QRCode from 'qrcode.react';
import React, {useState} from 'react';
import useStyles from './styles';
-const QRPopup = () => {
+const QRPopup = ({url = ''}: {url: string}) => {
const classes = useStyles();
const [qrEl, setQrEl] = useState(null);
const handleQrOpen = event => setQrEl(event.currentTarget);
@@ -14,6 +16,7 @@ const QRPopup = () => {
QR code
{
horizontal: 'center',
}}
>
-
+
);
diff --git a/src/v2/components/QRPopup/styles.js b/src/v2/components/QRPopup/styles.js
index 082edabd..0825b8ea 100644
--- a/src/v2/components/QRPopup/styles.js
+++ b/src/v2/components/QRPopup/styles.js
@@ -12,4 +12,8 @@ export default makeStyles(theme => ({
background: 'transparent',
padding: 0,
},
+ popup: {
+ padding: 10,
+ background: getColor('white')(theme),
+ },
}));
diff --git a/src/v2/components/Transactions/Detail/index.jsx b/src/v2/components/Transactions/Detail/index.jsx
index 6f9fdd07..fd42eae5 100644
--- a/src/v2/components/Transactions/Detail/index.jsx
+++ b/src/v2/components/Transactions/Detail/index.jsx
@@ -106,6 +106,7 @@ const TransactionDetail = ({match}: {match: Match}) => {
];
const renderTabNav = label =>