Files
shlink-web-client/src/short-urls/helpers/QrCodeModal.js
2018-07-31 20:36:27 +02:00

17 lines
548 B
JavaScript

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" alt="QR code" />
</div>
</ModalBody>
</Modal>
);
}