Don't display validation errors as HTML

Display the link to application only if it's enabled

Thanks to higa on discord for pointing this to us.

frontend/src/Components/Form/FormInputHelpText.js

@@ -25,7 +25,7 @@ function FormInputHelpText(props) {
       isCheckInput && styles.isCheckInput
     )}
     >
-      <div dangerouslySetInnerHTML={{ __html: text }} />
+      {text}
 
       {
         link ?

frontend/src/Settings/Applications/Applications/Application.js

@@ -57,6 +57,7 @@ class Application extends Component {
     const {
       id,
       name,
+      enable,
       syncLevel,
       fields,
       tags,
@@ -77,7 +78,7 @@ class Application extends Component {
           </div>
 
           {
-            applicationUrl ?
+            enable && applicationUrl ?
               <IconButton
                 className={styles.externalLink}
                 name={icons.EXTERNAL_LINK}
@@ -140,6 +141,7 @@ class Application extends Component {
 Application.propTypes = {
   id: PropTypes.number.isRequired,
   name: PropTypes.string.isRequired,
+  enable: PropTypes.bool.isRequired,
   syncLevel: PropTypes.string.isRequired,
   fields: PropTypes.arrayOf(PropTypes.object).isRequired,
   tags: PropTypes.arrayOf(PropTypes.number).isRequired,

src/Prowlarr.Api.V1/Applications/ApplicationResource.cs

@@ -5,6 +5,7 @@ namespace Prowlarr.Api.V1.Applications
     public class ApplicationResource : ProviderResource<ApplicationResource>
     {
         public ApplicationSyncLevel SyncLevel { get; set; }
+        public bool Enable { get; set; }
         public string TestCommand { get; set; }
     }
 
@@ -20,6 +21,7 @@ public override ApplicationResource ToResource(ApplicationDefinition definition)
             var resource = base.ToResource(definition);
 
             resource.SyncLevel = definition.SyncLevel;
+            resource.Enable = definition.Enable;
 
             return resource;
         }