Fixed: Automation/Integration/Unit Tests

frontend/src/System/Status/About/About.js

@@ -16,7 +16,9 @@ class About extends Component {
     const {
       version,
       isMonoRuntime,
+      isDocker,
       runtimeVersion,
+      migrationVersion,
       appData,
       startupPath,
       mode,
@@ -41,6 +43,19 @@ class About extends Component {
               />
           }
 
+          {
+            isDocker &&
+              <DescriptionListItem
+                title="Docker"
+                data={'True'}
+              />
+          }
+
+          <DescriptionListItem
+            title="DB Migration"
+            data={migrationVersion}
+          />
+
           <DescriptionListItem
             title="AppData directory"
             data={appData}
@@ -77,6 +92,8 @@ About.propTypes = {
   version: PropTypes.string.isRequired,
   isMonoRuntime: PropTypes.bool.isRequired,
   runtimeVersion: PropTypes.string.isRequired,
+  isDocker: PropTypes.bool.isRequired,
+  migrationVersion: PropTypes.number.isRequired,
   appData: PropTypes.string.isRequired,
   startupPath: PropTypes.string.isRequired,
   mode: PropTypes.string.isRequired,

frontend/src/System/Status/Health/Health.js

@@ -154,12 +154,26 @@ class Health extends Component {
                     const internalLink = getInternalLink(item.source);
                     const testLink = getTestLink(item.source, this.props);
 
+                    let kind = kinds.WARNING;
+                    switch (item.type.toLowerCase()) {
+                      case 'error':
+                        kind = kinds.DANGER;
+                        break;
+                      default:
+                      case 'warning':
+                        kind = kinds.WARNING;
+                        break;
+                      case 'notice':
+                        kind = kinds.INFO;
+                        break;
+                    }
+
                     return (
                       <TableRow key={`health${item.message}`}>
                         <TableRowCell>
                           <Icon
                             name={icons.DANGER}
-                            kind={item.type.toLowerCase() === 'error' ? kinds.DANGER : kinds.WARNING}
+                            kind={kind}
                             title={titleCase(item.type)}
                           />
                         </TableRowCell>

frontend/src/System/Updates/Updates.js

@@ -1,6 +1,6 @@
 import _ from 'lodash';
 import PropTypes from 'prop-types';
-import React, { Component, Fragment } from 'react';
+import React, { Component } from 'react';
 import { icons, kinds } from 'Helpers/Props';
 import formatDate from 'Utilities/Date/formatDate';
 import LoadingIndicator from 'Components/Loading/LoadingIndicator';
@@ -26,7 +26,7 @@ class Updates extends Component {
       generalSettingsError,
       items,
       isInstallingUpdate,
-      updateMechanism,
+      isDocker,
       shortDateFormat,
       onInstallLatestPress
     } = this.props;
@@ -37,12 +37,6 @@ class Updates extends Component {
     const hasUpdateToInstall = hasUpdates && _.some(items, { installable: true, latest: true });
     const noUpdateToInstall = hasUpdates && !hasUpdateToInstall;
 
-    const externalUpdaterMessages = {
-      external: 'Unable to update Radarr directly, Radarr is configured to use an external update mechanism',
-      apt: 'Unable to update Radarr directly, use apt to install the update',
-      docker: 'Unable to update Radarr directly, update the docker container to receive the update'
-    };
-
     return (
       <PageContent title="Updates">
         <PageContentBodyConnector>
@@ -58,29 +52,24 @@ class Updates extends Component {
 
           {
             hasUpdateToInstall &&
-              <div className={styles.messageContainer}>
+              <div className={styles.updateAvailable}>
                 {
-                  updateMechanism === 'builtIn' || updateMechanism === 'script' ?
-                    <SpinnerButton
-                      className={styles.updateAvailable}
-                      kind={kinds.PRIMARY}
-                      isSpinning={isInstallingUpdate}
-                      onPress={onInstallLatestPress}
-                    >
-                      Install Latest
-                    </SpinnerButton> :
+                  !isDocker &&
+                  <SpinnerButton
+                    className={styles.updateAvailable}
+                    kind={kinds.PRIMARY}
+                    isSpinning={isInstallingUpdate}
+                    onPress={onInstallLatestPress}
+                  >
+                    Install Latest
+                  </SpinnerButton>
+                }
 
-                    <Fragment>
-                      <Icon
-                        name={icons.WARNING}
-                        kind={kinds.WARNING}
-                        size={30}
-                      />
-
-                      <div className={styles.message}>
-                        {externalUpdaterMessages[updateMechanism] || externalUpdaterMessages.external}
-                      </div>
-                    </Fragment>
+                {
+                  isDocker &&
+                    <div className={styles.upToDateMessage}>
+                      An update is available.  Please update your Docker image and re-create the container.
+                    </div>
                 }
 
                 {
@@ -209,6 +198,7 @@ Updates.propTypes = {
   generalSettingsError: PropTypes.object,
   items: PropTypes.array.isRequired,
   isInstallingUpdate: PropTypes.bool.isRequired,
+  isDocker: PropTypes.bool.isRequired,
   updateMechanism: PropTypes.string,
   shortDateFormat: PropTypes.string.isRequired,
   onInstallLatestPress: PropTypes.func.isRequired

frontend/src/System/Updates/UpdatesConnector.js

@@ -7,6 +7,7 @@ import { fetchUpdates } from 'Store/Actions/systemActions';
 import { executeCommand } from 'Store/Actions/commandActions';
 import createCommandExecutingSelector from 'Store/Selectors/createCommandExecutingSelector';
 import createUISettingsSelector from 'Store/Selectors/createUISettingsSelector';
+import createSystemStatusSelector from 'Store/Selectors/createSystemStatusSelector';
 import * as commandNames from 'Commands/commandNames';
 import Updates from './Updates';
 
@@ -16,12 +17,14 @@ function createMapStateToProps() {
     (state) => state.system.updates,
     (state) => state.settings.general,
     createUISettingsSelector(),
+    createSystemStatusSelector(),
     createCommandExecutingSelector(commandNames.APPLICATION_UPDATE),
     (
       currentVersion,
       updates,
       generalSettings,
       uiSettings,
+      systemStatus,
       isInstallingUpdate
     ) => {
       const {
@@ -40,6 +43,7 @@ function createMapStateToProps() {
         generalSettingsError: generalSettings.error,
         items,
         isInstallingUpdate,
+        isDocker: systemStatus.isDocker,
         updateMechanism: generalSettings.item.updateMechanism,
         shortDateFormat: uiSettings.shortDateFormat
       };