mirror of
https://github.com/shlinkio/shlink-web-client.git
synced 2026-03-21 15:03:49 +00:00
Added QrCode modal window to short URLs
This commit is contained in:
16
src/short-urls/helpers/QrCodeModal.js
Normal file
16
src/short-urls/helpers/QrCodeModal.js
Normal 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user