Filip/playwright
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

refactor

Browse source
This commit is contained in:
Simon Knott 2025-01-17 12:19:44 +01:00
parent ef9f0ffd69
commit b4d900f9bf
No known key found for this signature in database
GPG key ID: 8CEDC00028084AEC
1 changed files with 5 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
packages/web/src/uiUtils.ts
View file

@ -235,18 +235,16 @@ export const kWebLinkRe = new RegExp('(?:[a-zA-Z][a-zA-Z0-9+.-]{2,}:\\/\\/|www\\
export function useFlash(): [boolean, EffectCallback] { export function useFlash(): [boolean, EffectCallback] {
const [flash, setFlash] = React.useState(false); const [flash, setFlash] = React.useState(false);
const trigger = React.useCallback<React.EffectCallback>(() => { const trigger = React.useCallback<React.EffectCallback>(() => {
let timeout: number | undefined; const timeouts: any[] = [];
setFlash(currentlyFlashing => { setFlash(currentlyFlashing => {
if (!currentlyFlashing) { timeouts.push(setTimeout(() => setFlash(false), 1000));
timeout = setTimeout(() => setFlash(false), 1000) as any; if (!currentlyFlashing)
return true; return true;
}
// It's already flashing, so we remove the class and re-add it after 50ms to trigger the animation again. timeouts.push(setTimeout(() => setFlash(true), 50));
timeout = setTimeout(() => setFlash(true), 50) as any;
return false; return false;
}); });
return () => clearTimeout(timeout); return () => timeouts.forEach(clearTimeout);
}, [setFlash]); }, [setFlash]);
return [flash, trigger]; return [flash, trigger];
} }