New: Release Profiles, Frontend updates (#580)

* New: Release Profiles - UI Updates

* New: Release Profiles - API Changes

* New: Release Profiles - Test Updates

* New: Release Profiles - Backend Updates

* New: Interactive Artist Search

* New: Change Montiored on Album Details Page

* New: Show Duration on Album Details Page

* Fixed: Manual Import not working if no albums are Missing

* Fixed: Sort search input by sortTitle

* Fixed: Queue columnLabel throwing JS error

frontend/src/Settings/ImportLists/ImportLists/AddImportListModalContent.js

@@ -19,9 +19,9 @@ class AddImportListModalContent extends Component {
 
   render() {
     const {
-      isFetching,
-      isPopulated,
-      error,
+      isSchemaFetching,
+      isSchemaPopulated,
+      schemaError,
       allLists,
       onImportListSelect,
       onModalClose
@@ -35,17 +35,17 @@ class AddImportListModalContent extends Component {
 
         <ModalBody>
           {
-            isFetching &&
+            isSchemaFetching &&
               <LoadingIndicator />
           }
 
           {
-            !isFetching && !!error &&
+            !isSchemaFetching && !!schemaError &&
               <div>Unable to add a new list, please try again.</div>
           }
 
           {
-            isPopulated && !error &&
+            isSchemaPopulated && !schemaError &&
               <div>
 
                 <Alert kind={kinds.INFO}>
@@ -85,9 +85,9 @@ class AddImportListModalContent extends Component {
 }
 
 AddImportListModalContent.propTypes = {
-  isFetching: PropTypes.bool.isRequired,
-  isPopulated: PropTypes.bool.isRequired,
-  error: PropTypes.object,
+  isSchemaFetching: PropTypes.bool.isRequired,
+  isSchemaPopulated: PropTypes.bool.isRequired,
+  schemaError: PropTypes.object,
   allLists: PropTypes.arrayOf(PropTypes.object).isRequired,
   onImportListSelect: PropTypes.func.isRequired,
   onModalClose: PropTypes.func.isRequired

frontend/src/Settings/ImportLists/ImportLists/AddImportListModalContentConnector.js

@@ -10,18 +10,18 @@ function createMapStateToProps() {
     (state) => state.settings.importLists,
     (importLists) => {
       const {
-        isFetching,
-        error,
-        isPopulated,
+        isSchemaFetching,
+        isSchemaPopulated,
+        schemaError,
         schema
       } = importLists;
 
       const allLists = schema;
 
       return {
-        isFetching,
-        error,
-        isPopulated,
+        isSchemaFetching,
+        isSchemaPopulated,
+        schemaError,
         allLists
       };
     }

frontend/src/Settings/ImportLists/ImportLists/EditImportListModalContent.js

@@ -67,9 +67,7 @@ function EditImportListModalContent(props) {
 
         {
           !isFetching && !error &&
-            <Form
-              {...otherProps}
-            >
+            <Form {...otherProps}>
               <FormGroup>
                 <FormLabel>Name</FormLabel>
 

frontend/src/Settings/ImportLists/ImportLists/ImportList.js

@@ -7,18 +7,6 @@ import ConfirmModal from 'Components/Modal/ConfirmModal';
 import EditImportListModalConnector from './EditImportListModalConnector';
 import styles from './ImportList.css';
 
-function getLabelKind(supports, enabled) {
-  if (!supports) {
-    return kinds.DEFAULT;
-  }
-
-  if (!enabled) {
-    return kinds.DANGER;
-  }
-
-  return kinds.SUCCESS;
-}
-
 class ImportList extends Component {
 
   //
@@ -80,12 +68,13 @@ class ImportList extends Component {
         </div>
 
         <div className={styles.enabled}>
-          <Label
-            kind={getLabelKind(true, enableAutomaticAdd)}
-            outline={true && !enableAutomaticAdd}
-          >
-            Automatic Add
-          </Label>
+          {
+            enableAutomaticAdd &&
+              <Label kind={kinds.SUCCESS}>
+                Automatic Add
+              </Label>
+          }
+
         </div>
 
         <EditImportListModalConnector