0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-14 10:42:38 +00:00

move dismisskeys into state for proper rerender

This commit is contained in:
Víctor Losada Hernández
2024-10-10 12:56:37 +02:00
parent 2b6e166e86
commit 001bf4a605

View File

@@ -10,6 +10,7 @@ const DISMISS_BUTTON = <i className='fas fa-times dismiss' />;
const NotificationPopup = ()=>{ const NotificationPopup = ()=>{
const [notifications, setNotifications] = useState([]); const [notifications, setNotifications] = useState([]);
const [dissmissKeyList, setDismissKeyList] = useState([]);
const [error, setError] = useState(null); const [error, setError] = useState(null);
useEffect(()=>{ useEffect(()=>{
@@ -38,6 +39,7 @@ const NotificationPopup = ()=>{
return now >= startDate && now <= stopDate && !dismissed; return now >= startDate && now <= stopDate && !dismissed;
}); });
setNotifications(filteredNotifications); setNotifications(filteredNotifications);
setDismissKeyList(filteredNotifications.map(notif => notif.dismissKey));
} }
const renderNotificationsList = ()=>{ const renderNotificationsList = ()=>{
@@ -52,8 +54,6 @@ const NotificationPopup = ()=>{
)) ))
}; };
const dissmissKeyList = notifications.map(notif => notif.dismissKey);
return <Dialog className='notificationPopup' dismissKeys={dissmissKeyList} closeText={DISMISS_BUTTON} > return <Dialog className='notificationPopup' dismissKeys={dissmissKeyList} closeText={DISMISS_BUTTON} >
<div className='header'> <div className='header'>
<i className='fas fa-info-circle info'></i> <i className='fas fa-info-circle info'></i>