paulmataruso/unifi-voucher-manager
1
0
Fork 0
mirror of https://github.com/etiennecollin/unifi-voucher-manager.git synced 2025-11-02 04:53:15 +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); setWifiConfig(config);
}); }, [generateWifiConfig]);
return ( return (
<header className="bg-surface border-b border-default sticky top-0 z-7000"> <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"; "use client";
import { useRef, useState, useEffect } from "react"; import { useRef, useState, useEffect, useMemo } from "react";
import Modal from "@/components/modals/Modal"; import Modal from "@/components/modals/Modal";
import { QRCodeSVG } from "qrcode.react"; import { QRCodeSVG } from "qrcode.react";
import { generateWiFiQRString, WifiConfig } from "@/utils/wifi"; import { generateWiFiQRString, WifiConfig } from "@/utils/wifi";
@@ -13,8 +13,10 @@ type Props = {
export default function WifiQrModal({ wifiConfig, onClose }: Props) { export default function WifiQrModal({ wifiConfig, onClose }: Props) {
const modalRef = useRef<HTMLDivElement | null>(null); const modalRef = useRef<HTMLDivElement | null>(null);
const [qrSize, setQrSize] = useState(220); const [qrSize, setQrSize] = useState(220);
const wifiString = wifiConfig && generateWiFiQRString(wifiConfig); const wifiString = useMemo(
console.log(wifiString); () => wifiConfig && generateWiFiQRString(wifiConfig),
[wifiConfig],
);
useEffect(() => { useEffect(() => {
function updateSize() { function updateSize() {