f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-05 01:32:47 +00:00
Code Wiki Activity

Refactor slightly

Browse Source
This commit is contained in:
Trevor Buckner
2024-06-06 18:10:04 -04:00
parent 8c315980e9
commit 7bb92bc790
2 changed files with 3 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
client/components/dialog.jsx
View File

@@ -5,25 +5,16 @@ const { useState, useRef, useEffect } = React;
function Dialog({ dismissKey, closeText = 'Close', blocking = false, ...rest }) { function Dialog({ dismissKey, closeText = 'Close', blocking = false, ...rest }) {
const dialogRef = useRef(null); const dialogRef = useRef(null);
const [open, setOpen] = useState(false);
useEffect(()=>{ useEffect(()=>{
if(!localStorage.getItem(dismissKey)) { if(!dismissKey || !localStorage.getItem(dismissKey)) {
!open && setOpen(true); blocking ? dialogRef.current?.showModal() : dialogRef.current?.show();
} }
}, []); }, []);
useEffect(()=>{
if(open && !dialogRef.current?.open){
blocking ? dialogRef.current?.showModal() : dialogRef.current?.show();
} else {
dialogRef.current?.close();
}
}, [open]);
const dismiss = ()=>{ const dismiss = ()=>{
dismissKey && localStorage.setItem(dismissKey, true); dismissKey && localStorage.setItem(dismissKey, true);
setOpen(false); dialogRef.current?.close();
}; };
return <dialog ref={dialogRef} onCancel={dismiss} {...rest}> return <dialog ref={dialogRef} onCancel={dismiss} {...rest}>

6
client/components/dialog.less
View File

@@ -1,6 +0,0 @@
dialog{
&[open]{
// Do NOT set a display property on a dialog! Set it on dialog[open] instead
display: inline-block;
}
}