f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-07 14:12:43 +00:00
Code Wiki Activity

Shift dismiss button, tweak local storage check

Browse Source
This commit is contained in:
G.Ambatte
2024-06-06 21:41:33 +12:00
parent 9e041d26bd
commit fa7b3ea2a0
1 changed files with 10 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
client/components/dialog.jsx
View File

@@ -3,11 +3,11 @@ const React = require('react');
const { useState, useRef, useEffect } = React; const { useState, useRef, useEffect } = React;
function Dialog({ dismissKey, closeText = 'Close', blocking = false, ...rest }) { function Dialog({ dismissKey, closeText = 'Close', blocking = false, ...rest }) {
const dialogRef = useRef(); const dialogRef = useRef(null);
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
useEffect(()=>{ useEffect(()=>{
if(!dismissKey || !localStorage.getItem(dismissKey)) { if(!localStorage.getItem(dismissKey)) {
!open && setOpen(true); !open && setOpen(true);
} }
}, []); }, []);
@@ -22,18 +22,16 @@ function Dialog({ dismissKey, closeText = 'Close', blocking = false, ...rest })
const dismiss = ()=>{ const dismiss = ()=>{
dismissKey && localStorage.setItem(dismissKey, true); dismissKey && localStorage.setItem(dismissKey, true);
dialogRef.current?.close();
setOpen(false); setOpen(false);
}; };
return ( return <dialog ref={dialogRef} onCancel={dismiss} {...rest}>
<dialog ref={dialogRef} onCancel={dismiss} {...rest}> {rest.children}
<button className='dismiss' onClick={dismiss}> <button className='dismiss' onClick={dismiss}>
{closeText} {closeText}
</button> </button>
{rest.children} </dialog>
</dialog> ;
); };
}
export default Dialog; export default Dialog;