1
0
mirror of https://gitlab.nic.cz/turris/reforis/foris-js.git synced 2024-11-14 17:35:35 +01:00

Update Wi-Fi QRCodeModal component to use new button styles & add close button

This commit is contained in:
Aleksandr Gumroian 2024-08-30 15:20:25 +02:00
parent ea590e443c
commit e7ec494bb2
No known key found for this signature in database
GPG Key ID: 9E77849C64F0A733

View File

@ -70,17 +70,26 @@ function QRCodeModal({ shown, setShown, SSID, password }) {
<ModalHeader setShown={setShown} title={_("Wi-Fi QR Code")} /> <ModalHeader setShown={setShown} title={_("Wi-Fi QR Code")} />
<ModalBody> <ModalBody>
<QRCode <QRCode
className="d-block mx-auto img-logo-black"
renderAs="svg" renderAs="svg"
value={toQRCodeContent(SSID, password)} value={toQRCodeContent(SSID, password)}
level="M" level="M"
size={350} size={350}
includeMargin includeMargin
style={{ display: "block", margin: "auto" }}
/> />
</ModalBody> </ModalBody>
<ModalFooter> <ModalFooter>
<Button <Button
className="btn-outline-primary" className="btn-secondary"
onClick={(e) => {
e.preventDefault();
setShown(false);
}}
>
{_("Close")}
</Button>
<Button
className="btn-primary"
onClick={(e) => { onClick={(e) => {
e.preventDefault(); e.preventDefault();
createAndDownloadPdf(SSID, password); createAndDownloadPdf(SSID, password);