fix(frontend): fix event listener memory leak in useIsDisabled hook (#5027)
fix: optimize event listener management in useIsDisabled hook
This commit is contained in:
parent
eaa35eba61
commit
a961fb8f75
@ -360,20 +360,15 @@ function useIsDisabled() {
|
|||||||
*/
|
*/
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!window) return;
|
if (!window) return;
|
||||||
window.addEventListener(ATTACHMENTS_PROCESSING_EVENT, () =>
|
const onProcessing = () => setIsDisabled(true);
|
||||||
setIsDisabled(true)
|
const onProcessed = () => setIsDisabled(false);
|
||||||
);
|
|
||||||
window.addEventListener(ATTACHMENTS_PROCESSED_EVENT, () =>
|
window.addEventListener(ATTACHMENTS_PROCESSING_EVENT, onProcessing);
|
||||||
setIsDisabled(false)
|
window.addEventListener(ATTACHMENTS_PROCESSED_EVENT, onProcessed);
|
||||||
);
|
|
||||||
|
|
||||||
return () => {
|
return () => {
|
||||||
window?.removeEventListener(ATTACHMENTS_PROCESSING_EVENT, () =>
|
window.removeEventListener(ATTACHMENTS_PROCESSING_EVENT, onProcessing);
|
||||||
setIsDisabled(true)
|
window.removeEventListener(ATTACHMENTS_PROCESSED_EVENT, onProcessed);
|
||||||
);
|
|
||||||
window?.removeEventListener(ATTACHMENTS_PROCESSED_EVENT, () =>
|
|
||||||
setIsDisabled(false)
|
|
||||||
);
|
|
||||||
};
|
};
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user