Added: Show name in Indexer-Client-Notification modal headers

frontend/src/Settings/DownloadClients/DownloadClients/EditDownloadClientModalContent.js

@@ -41,6 +41,7 @@ class EditDownloadClientModalContent extends Component {
 
     const {
       id,
+      implementationName,
       name,
       enable,
       fields,
@@ -50,7 +51,7 @@ class EditDownloadClientModalContent extends Component {
     return (
       <ModalContent onModalClose={onModalClose}>
         <ModalHeader>
-          {id ? 'Edit DownloadClient' : 'Add DownloadClient'}
+          {`${id ? 'Edit' : 'Add'} Download Client - ${implementationName}`}
         </ModalHeader>
 
         <ModalBody>
@@ -61,7 +62,7 @@ class EditDownloadClientModalContent extends Component {
 
           {
             !isFetching && !!error &&
-              <div>Unable to add a new downloadClient, please try again.</div>
+              <div>Unable to add a new download client, please try again.</div>
           }
 
           {

frontend/src/Settings/Indexers/Indexers/EditIndexerModalContent.js

@@ -35,6 +35,7 @@ function EditIndexerModalContent(props) {
 
   const {
     id,
+    implementationName,
     name,
     enableRss,
     enableAutomaticSearch,
@@ -47,7 +48,7 @@ function EditIndexerModalContent(props) {
   return (
     <ModalContent onModalClose={onModalClose}>
       <ModalHeader>
-        {id ? 'Edit Indexer' : 'Add Indexer'}
+        {`${id ? 'Edit' : 'Add'} Indexer - ${implementationName}`}
       </ModalHeader>
 
       <ModalBody>

frontend/src/Settings/Notifications/Notifications/EditNotificationModalContent.js

@@ -36,6 +36,7 @@ function EditNotificationModalContent(props) {
 
   const {
     id,
+    implementationName,
     name,
     onGrab,
     onDownload,
@@ -55,7 +56,7 @@ function EditNotificationModalContent(props) {
   return (
     <ModalContent onModalClose={onModalClose}>
       <ModalHeader>
-        {id ? 'Edit Notification' : 'Add Notification'}
+        {`${id ? 'Edit' : 'Add'} Connection - ${implementationName}`}
       </ModalHeader>
 
       <ModalBody>

frontend/src/Store/Selectors/createProviderSettingsSelector.js

@@ -53,8 +53,8 @@ function createProviderSettingsSelector(sectionName) {
         isSaving,
         saveError,
         isTesting,
-        item: settings.settings,
-        ...settings
+        ...settings,
+        item: settings.settings
       };
     }
   );

frontend/src/Store/Selectors/selectSettings.js

@@ -29,6 +29,13 @@ function selectSettings(item, pendingChanges, saveError) {
       return result;
     }
 
+    // Return a flattened value
+    if (key === 'implementationName') {
+      result.implementationName = item[key];
+
+      return result;
+    }
+
     const setting = {
       value: item[key],
       errors: _.map(_.remove(validationFailures, (failure) => {