Backup_Repos/Radarr
1
0
Fork 0
mirror of https://github.com/Radarr/Radarr synced 2025-12-07 17:03:36 +01:00
Code Issues Projects Releases Wiki Activity

Fixed: Close Metadata settings modal on saving

Browse source
This commit is contained in:
Bogdan 2025-02-15 13:22:04 +02:00
parent a3b1512552
commit 8e10eecfac
1 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
frontend/src/Settings/Metadata/Metadata/EditMetadataModalContent.tsx
View file

@ -1,4 +1,4 @@
import React, { useCallback, useMemo } from 'react'; import React, { useCallback, useEffect, useMemo } from 'react';
import { useDispatch, useSelector } from 'react-redux'; import { useDispatch, useSelector } from 'react-redux';
import AppState from 'App/State/AppState'; import AppState from 'App/State/AppState';
import Alert from 'Components/Alert'; import Alert from 'Components/Alert';
@ -13,6 +13,7 @@ import ModalBody from 'Components/Modal/ModalBody';
import ModalContent from 'Components/Modal/ModalContent'; import ModalContent from 'Components/Modal/ModalContent';
import ModalFooter from 'Components/Modal/ModalFooter'; import ModalFooter from 'Components/Modal/ModalFooter';
import ModalHeader from 'Components/Modal/ModalHeader'; import ModalHeader from 'Components/Modal/ModalHeader';
import usePrevious from 'Helpers/Hooks/usePrevious';
import { inputTypes } from 'Helpers/Props'; import { inputTypes } from 'Helpers/Props';
import { import {
saveMetadata, saveMetadata,
@ -41,6 +42,8 @@ function EditMetadataModalContent({
(state: AppState) => state.settings.metadata (state: AppState) => state.settings.metadata
); );
const wasSaving = usePrevious(isSaving);
const { settings, ...otherSettings } = useMemo(() => { const { settings, ...otherSettings } = useMemo(() => {
const item = items.find((item) => item.id === id)!; const item = items.find((item) => item.id === id)!;
@ -69,6 +72,12 @@ function EditMetadataModalContent({
dispatch(saveMetadata({ id })); dispatch(saveMetadata({ id }));
}, [id, dispatch]); }, [id, dispatch]);
useEffect(() => {
if (wasSaving && !isSaving && !saveError) {
onModalClose();
}
}, [isSaving, wasSaving, saveError, onModalClose]);
return ( return (
<ModalContent onModalClose={onModalClose}> <ModalContent onModalClose={onModalClose}>
<ModalHeader> <ModalHeader>