New: Allow Radarr List Sync by Source Tag

Fixes #4826

frontend/src/Components/Form/DeviceInputConnector.js

@@ -8,16 +8,28 @@ import DeviceInput from './DeviceInput';
 function createMapStateToProps() {
   return createSelector(
     (state, { value }) => value,
+    (state, { name }) => name,
     (state) => state.providerOptions,
-    (value, devices) => {
+    (value, name, devices) => {
+      const {
+        isFetching,
+        isPopulated,
+        error,
+        items
+      } = devices;
 
       return {
-        ...devices,
+        isFetching,
+        isPopulated,
+        error,
+        items: items[name] || [],
         selectedDevices: value.map((valueDevice) => {
+          const sectionItems = items[name] || [];
+
           // Disable equality ESLint rule so we don't need to worry about
           // a type mismatch between the value items and the device ID.
           // eslint-disable-next-line eqeqeq
-          const device = devices.items.find((d) => d.id == valueDevice);
+          const device = sectionItems.find((d) => d.id == valueDevice);
 
           if (device) {
             return {
@@ -61,11 +73,14 @@ class DeviceInputConnector extends Component {
     const {
       provider,
       providerData,
-      dispatchFetchOptions
+      dispatchFetchOptions,
+      requestAction,
+      name
     } = this.props;
 
     dispatchFetchOptions({
-      action: 'getDevices',
+      action: requestAction,
+      itemSection: name,
       provider,
       providerData
     });
@@ -94,6 +109,7 @@ class DeviceInputConnector extends Component {
 DeviceInputConnector.propTypes = {
   provider: PropTypes.string.isRequired,
   providerData: PropTypes.object.isRequired,
+  requestAction: PropTypes.string.isRequired,
   name: PropTypes.string.isRequired,
   onChange: PropTypes.func.isRequired,
   dispatchFetchOptions: PropTypes.func.isRequired,

frontend/src/Components/Form/ProviderFieldFormGroup.js

@@ -62,6 +62,7 @@ function ProviderFieldFormGroup(props) {
     value,
     type,
     advanced,
+    requestAction,
     hidden,
     pending,
     errors,
@@ -98,6 +99,7 @@ function ProviderFieldFormGroup(props) {
         pending={pending}
         includeFiles={type === 'filePath' ? true : undefined}
         onChange={onChange}
+        requestAction={requestAction}
         {...otherProps}
       />
     </FormGroup>
@@ -118,6 +120,7 @@ ProviderFieldFormGroup.propTypes = {
   value: PropTypes.any,
   type: PropTypes.string.isRequired,
   advanced: PropTypes.bool.isRequired,
+  requestAction: PropTypes.string,
   hidden: PropTypes.string,
   pending: PropTypes.bool.isRequired,
   errors: PropTypes.arrayOf(PropTypes.object).isRequired,

frontend/src/Store/Actions/providerOptionActions.js

@@ -14,7 +14,7 @@ export const section = 'providerOptions';
 // State
 
 export const defaultState = {
-  items: [],
+  items: {},
   isFetching: false,
   isPopulated: false,
   error: false
@@ -43,15 +43,20 @@ export const actionHandlers = handleThunks({
       isFetching: true
     }));
 
+    const oldItems = getState().providerOptions.items;
+    const itemSection = payload.itemSection;
+
     const promise = requestAction(payload);
 
     promise.done((data) => {
+      oldItems[itemSection] = data.options || [];
+
       dispatch(set({
         section,
         isFetching: false,
         isPopulated: true,
         error: null,
-        items: data.options || []
+        items: oldItems
       }));
     });