diff --git a/src/components/atoms/Qr.jsx b/src/components/atoms/Qr.jsx
new file mode 100644
index 00000000..6f3b0202
--- /dev/null
+++ b/src/components/atoms/Qr.jsx
@@ -0,0 +1,31 @@
+import React, { Fragment } from 'react'
+import PropTypes from 'prop-types'
+import { QRCode } from 'react-qr-svg'
+import Clipboard from 'react-clipboard.js'
+import { ReactComponent as IconClipboard } from '../../images/clipboard.svg'
+
+const Qr = ({ address, title }) => (
+
+ {title && {title}
}
+
+
+ {address}
+
+
+
+
+
+)
+
+Qr.propTypes = {
+ address: PropTypes.string.isRequired,
+ title: PropTypes.string
+}
+
+export default Qr
diff --git a/src/components/molecules/ModalThanks.jsx b/src/components/molecules/ModalThanks.jsx
index 87fbc5ce..0e86656e 100644
--- a/src/components/molecules/ModalThanks.jsx
+++ b/src/components/molecules/ModalThanks.jsx
@@ -1,10 +1,9 @@
import React, { PureComponent } from 'react'
import { StaticQuery, graphql } from 'gatsby'
-import { QRCode } from 'react-qr-svg'
-import Clipboard from 'react-clipboard.js'
+
import Web3Donation from '../atoms/Web3Donation'
+import Qr from '../atoms/Qr'
import Modal from '../atoms/Modal'
-import { ReactComponent as IconClipboard } from '../../images/clipboard.svg'
import styles from './ModalThanks.module.scss'
const query = graphql`
@@ -39,23 +38,7 @@ class ModalThanks extends PureComponent {
{Object.keys(author).map((address, i) => (
-
{address}
-
-
- {author[address]}
-
-
-
-
+
))}