paulmataruso/unifi-voucher-manager
1
0
Fork 0
mirror of https://github.com/etiennecollin/unifi-voucher-manager.git synced 2025-10-23 00:02:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: duplicate computations and renderings

Browse Source
This commit is contained in:
etiennecollin
2025-08-13 23:08:41 -04:00
parent 1bfae81adb
commit 7c17a790d4
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/Header.tsx
View File

@@ -20,7 +20,7 @@ export default function Header() {
})();
setWifiConfig(config);
});
}, [generateWifiConfig]);
return (
<header className="bg-surface border-b border-default sticky top-0 z-7000">

8
frontend/src/components/modals/WifiQrModal.tsx
View File

@@ -1,6 +1,6 @@
"use client";
import { useRef, useState, useEffect } from "react";
import { useRef, useState, useEffect, useMemo } from "react";
import Modal from "@/components/modals/Modal";
import { QRCodeSVG } from "qrcode.react";
import { generateWiFiQRString, WifiConfig } from "@/utils/wifi";
@@ -13,8 +13,10 @@ type Props = {
export default function WifiQrModal({ wifiConfig, onClose }: Props) {
const modalRef = useRef<HTMLDivElement | null>(null);
const [qrSize, setQrSize] = useState(220);
const wifiString = wifiConfig && generateWiFiQRString(wifiConfig);
console.log(wifiString);
const wifiString = useMemo(
() => wifiConfig && generateWiFiQRString(wifiConfig),
[wifiConfig],
);
useEffect(() => {
function updateSize() {