New: UI Updates, Tag manager, More custom filters (#437)

* New: UI Updates, Tag manager, More custom filters

* fixup! Fix ScanFixture Unit Tests

* Fixed: Sentry Errors from UI don't have release, branch, environment

* Changed: Bump Mobile Detect for New Device Detection

* Fixed: Build on changes to package.json

* fixup! Add MetadataProfile filter option

* fixup! Tag Note, Blacklist, Manual Import

* fixup: Remove connectSection

* fixup: root folder comment

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

@@ -59,9 +59,7 @@ class DownloadClients extends Component {
     } = this.state;
 
     return (
-      <FieldSet
-        legend="Download Clients"
-      >
+      <FieldSet legend="Download Clients">
         <PageSectionContent
           errorMessage="Unable to load download clients"
           {...otherProps}

frontend/src/Settings/DownloadClients/DownloadClients/EditDownloadClientModal.js

@@ -1,11 +1,13 @@
 import PropTypes from 'prop-types';
 import React from 'react';
+import { sizes } from 'Helpers/Props';
 import Modal from 'Components/Modal/Modal';
 import EditDownloadClientModalContentConnector from './EditDownloadClientModalContentConnector';
 
 function EditDownloadClientModal({ isOpen, onModalClose, ...otherProps }) {
   return (
     <Modal
+      size={sizes.MEDIUM}
       isOpen={isOpen}
       onModalClose={onModalClose}
     >

frontend/src/Settings/DownloadClients/DownloadClients/EditDownloadClientModalContentConnector.js

@@ -1,15 +1,15 @@
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
+import { connect } from 'react-redux';
 import { createSelector } from 'reselect';
 import createProviderSettingsSelector from 'Store/Selectors/createProviderSettingsSelector';
 import { setDownloadClientValue, setDownloadClientFieldValue, saveDownloadClient, testDownloadClient } from 'Store/Actions/settingsActions';
-import connectSection from 'Store/connectSection';
 import EditDownloadClientModalContent from './EditDownloadClientModalContent';
 
 function createMapStateToProps() {
   return createSelector(
     (state) => state.settings.advancedSettings,
-    createProviderSettingsSelector(),
+    createProviderSettingsSelector('downloadClients'),
     (advancedSettings, downloadClient) => {
       return {
         advancedSettings,
@@ -85,10 +85,4 @@ EditDownloadClientModalContentConnector.propTypes = {
   onModalClose: PropTypes.func.isRequired
 };
 
-export default connectSection(
-  createMapStateToProps,
-  mapDispatchToProps,
-  undefined,
-  undefined,
-  { section: 'downloadClients' }
-)(EditDownloadClientModalContentConnector);
+export default connect(createMapStateToProps, mapDispatchToProps)(EditDownloadClientModalContentConnector);

frontend/src/Settings/DownloadClients/Options/DownloadClientOptions.js

@@ -33,9 +33,7 @@ function DownloadClientOptions(props) {
       {
         hasSettings && !isFetching && !error &&
           <div>
-            <FieldSet
-              legend="Completed Download Handling"
-            >
+            <FieldSet legend="Completed Download Handling">
               <Form>
                 <FormGroup size={sizes.MEDIUM}>
                   <FormLabel>Enable</FormLabel>

frontend/src/Settings/DownloadClients/Options/DownloadClientOptionsConnector.js

@@ -1,16 +1,18 @@
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
+import { connect } from 'react-redux';
 import { createSelector } from 'reselect';
 import createSettingsSectionSelector from 'Store/Selectors/createSettingsSectionSelector';
 import { fetchDownloadClientOptions, setDownloadClientOptionsValue, saveDownloadClientOptions } from 'Store/Actions/settingsActions';
 import { clearPendingChanges } from 'Store/Actions/baseActions';
-import connectSection from 'Store/connectSection';
 import DownloadClientOptions from './DownloadClientOptions';
 
+const SECTION = 'downloadClientOptions';
+
 function createMapStateToProps() {
   return createSelector(
     (state) => state.settings.advancedSettings,
-    createSettingsSectionSelector(),
+    createSettingsSectionSelector(SECTION),
     (advancedSettings, sectionSettings) => {
       return {
         advancedSettings,
@@ -62,7 +64,7 @@ class DownloadClientOptionsConnector extends Component {
   }
 
   componentWillUnmount() {
-    this.props.dispatchClearPendingChanges({ section: this.props.section });
+    this.props.dispatchClearPendingChanges({ section: SECTION });
   }
 
   //
@@ -86,7 +88,6 @@ class DownloadClientOptionsConnector extends Component {
 }
 
 DownloadClientOptionsConnector.propTypes = {
-  section: PropTypes.string.isRequired,
   isSaving: PropTypes.bool.isRequired,
   hasPendingChanges: PropTypes.bool.isRequired,
   dispatchFetchDownloadClientOptions: PropTypes.func.isRequired,
@@ -97,10 +98,4 @@ DownloadClientOptionsConnector.propTypes = {
   onChildStateChange: PropTypes.func.isRequired
 };
 
-export default connectSection(
-  createMapStateToProps,
-  mapDispatchToProps,
-  undefined,
-  undefined,
-  { section: 'settings.downloadClientOptions' }
-)(DownloadClientOptionsConnector);
+export default connect(createMapStateToProps, mapDispatchToProps)(DownloadClientOptionsConnector);

frontend/src/Settings/DownloadClients/RemotePathMappings/EditRemotePathMappingModal.js

@@ -1,11 +1,13 @@
 import PropTypes from 'prop-types';
 import React from 'react';
+import { sizes } from 'Helpers/Props';
 import Modal from 'Components/Modal/Modal';
 import EditRemotePathMappingModalContentConnector from './EditRemotePathMappingModalContentConnector';
 
 function EditRemotePathMappingModal({ isOpen, onModalClose, ...otherProps }) {
   return (
     <Modal
+      size={sizes.MEDIUM}
       isOpen={isOpen}
       onModalClose={onModalClose}
     >

frontend/src/Settings/DownloadClients/RemotePathMappings/RemotePathMappings.js

@@ -44,9 +44,7 @@ class RemotePathMappings extends Component {
     } = this.props;
 
     return (
-      <FieldSet
-        legend="Remote Path Mappings"
-      >
+      <FieldSet legend="Remote Path Mappings">
         <PageSectionContent
           errorMessage="Unable to load Remote Path Mappings"
           {...otherProps}