Added QrCode modal window to short URLs

This commit is contained in:
Alejandro Celaya
2018-07-27 18:05:09 +02:00
parent a78d0b9b20
commit 131099b2a6
4 changed files with 31 additions and 2 deletions

View File

@@ -0,0 +1,16 @@
import React from 'react'
import { Modal, ModalBody, ModalHeader } from 'reactstrap';
import './QrCodeModal.scss';
export default function QrCodeModal ({ url, toggle, isOpen }) {
return (
<Modal isOpen={isOpen} toggle={toggle} centered={true}>
<ModalHeader toggle={toggle}>QR code for <a target="_blank" href={url}>{url}</a></ModalHeader>
<ModalBody>
<div className="text-center">
<img src={`${url}/qr-code`} className="qr-code-modal__img" />
</div>
</ModalBody>
</Modal>
);
}