f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-24 18:32:41 +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;
function Dialog({ dismissKey, closeText = 'Close', blocking = false, ...rest }) {
const dialogRef = useRef();
const dialogRef = useRef(null);
const [open, setOpen] = useState(false);
useEffect(()=>{
if(!dismissKey || !localStorage.getItem(dismissKey)) {
if(!localStorage.getItem(dismissKey)) {
!open && setOpen(true);
}
}, []);
@@ -22,18 +22,16 @@ function Dialog({ dismissKey, closeText = 'Close', blocking = false, ...rest })
const dismiss = ()=>{
dismissKey && localStorage.setItem(dismissKey, true);
dialogRef.current?.close();
setOpen(false);
};
return (
<dialog ref={dialogRef} onCancel={dismiss} {...rest}>
<button className='dismiss' onClick={dismiss}>
{closeText}
</button>
{rest.children}
</dialog>
);
}
return <dialog ref={dialogRef} onCancel={dismiss} {...rest}>
{rest.children}
<button className='dismiss' onClick={dismiss}>
{closeText}
</button>
</dialog>
;
};
export default Dialog;