Merge branch 'dev' into 'master'

Dev

See merge request turris/reforis/foris-js!278

src/common/WiFiSettings/WiFiQRCode.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019-2025 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
  *
  * This is free software, licensed under the GNU General Public License v3.
  * See /LICENSE for more information.
@@ -9,7 +9,7 @@ import React, { useState } from "react";
 
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import PropTypes from "prop-types";
-import { QRCodeSVG } from "qrcode.react";
+import QRCode from "qrcode.react";
 
 import { createAndDownloadPdf, toQRCodeContent } from "./qrCodeHelpers";
 import Button from "../../bootstrap/Button";
@@ -33,7 +33,10 @@ export default function WiFiQRCode({ SSID, password }) {
             <button
                 type="button"
                 className="input-group-text"
-                onClick={() => setModal(true)}
+                onClick={(e) => {
+                    e.preventDefault();
+                    setModal(true);
+                }}
             >
                 <FontAwesomeIcon
                     icon="fa-solid fa-qrcode"
@@ -42,14 +45,14 @@ export default function WiFiQRCode({ SSID, password }) {
                     className="text-secondary"
                 />
             </button>
-            {modal && (
+            {modal ? (
                 <QRCodeModal
                     setShown={setModal}
                     shown={modal}
                     SSID={SSID}
                     password={password}
                 />
-            )}
+            ) : null}
         </>
     );
 }
@@ -66,30 +69,31 @@ function QRCodeModal({ shown, setShown, SSID, password }) {
         <Modal setShown={setShown} shown={shown}>
             <ModalHeader setShown={setShown} title={_("Wi-Fi QR Code")} />
             <ModalBody>
-                <QRCodeSVG
+                <QRCode
                     className="d-block mx-auto img-logo-black"
+                    renderAs="svg"
                     value={toQRCodeContent(SSID, password)}
                     level="M"
                     size={350}
-                    marginSize={0}
+                    includeMargin
-                    imageSettings={{
-                        src: "/reforis/static/reforis/imgs/turris.svg",
-                        height: 40,
-                        width: 40,
-                        excavate: true,
-                    }}
                 />
             </ModalBody>
             <ModalFooter>
                 <Button
                     className="btn-secondary"
-                    onClick={() => setShown(false)}
+                    onClick={(e) => {
+                        e.preventDefault();
+                        setShown(false);
+                    }}
                 >
                     {_("Close")}
                 </Button>
                 <Button
                     className="btn-primary"
-                    onClick={() => createAndDownloadPdf(SSID, password)}
+                    onClick={(e) => {
+                        e.preventDefault();
+                        createAndDownloadPdf(SSID, password);
+                    }}
                 >
                     <FontAwesomeIcon
                         icon="fa-solid fa-file-download"