Remove mono reference

Fixed: Correct User-Agent api logging
Delete nan.json
2026-03-05 13:21:25 -05:00 · 2022-05-08 06:34:08 +01:00 · 2022-05-06 08:25:34 -05:00 · 2022-05-01 22:30:00 -05:00 · 2022-05-01 22:29:50 -05:00 · 2022-04-29 10:59:36 -05:00
887 changed files with 25438 additions and 13359 deletions
--- a/.editorconfig
+++ b/.editorconfig
@@ -19,10 +19,10 @@ indent_size = 4
 dotnet_sort_system_directives_first = true

 # Avoid "this." and "Me." if not necessary
-dotnet_style_qualification_for_field = false:refactoring
-dotnet_style_qualification_for_property = false:refactoring
-dotnet_style_qualification_for_method = false:refactoring
-dotnet_style_qualification_for_event = false:refactoring
+dotnet_style_qualification_for_field = false:warning
+dotnet_style_qualification_for_property = false:warning
+dotnet_style_qualification_for_method = false:warning
+dotnet_style_qualification_for_event = false:warning

 # Indentation preferences
 csharp_indent_block_contents = true
@@ -32,10 +32,6 @@ csharp_indent_case_contents_when_block = true
 csharp_indent_switch_labels = true
 csharp_indent_labels = flush_left

-dotnet_style_qualification_for_field = false:suggestion
-dotnet_style_qualification_for_property = false:suggestion
-dotnet_style_qualification_for_method = false:suggestion
-dotnet_style_qualification_for_event = false:suggestion
 dotnet_naming_style.instance_field_style.capitalization = camel_case
 dotnet_naming_style.instance_field_style.required_prefix = _

--- a/.gitignore
+++ b/.gitignore
@@ -187,6 +187,10 @@ packages.config.md5sum
 **/.idea/**/*.iml
 **/.idea/**/contentModel.xml
 **/.idea/**/modules.xml
+
 # ignore node_modules symlink
 node_modules
 node_modules.nosync
+
+# API doc generation
+.config/
--- a/azure-pipelines.yml
+++ b/azure-pipelines.yml
@@ -7,14 +7,20 @@ variables:
  outputFolder: './_output'
  artifactsFolder: './_artifacts'
  testsFolder: './_tests'
-  majorVersion: '4.0.0'
+  yarnCacheFolder: $(Pipeline.Workspace)/.yarn
+  nugetCacheFolder: $(Pipeline.Workspace)/.nuget/packages
+  majorVersion: '4.2.0'
  minorVersion: $[counter('minorVersion', 2000)]
  radarrVersion: '$(majorVersion).$(minorVersion)'
  buildName: '$(Build.SourceBranchName).$(radarrVersion)'
  sentryOrg: 'servarr'
  sentryUrl: 'https://sentry.servarr.com'
-  dotnetVersion: '6.0.100'
-  yarnCacheFolder: $(Pipeline.Workspace)/.yarn
+  dotnetVersion: '6.0.202'
+  nodeVersion: '16.X'
+  innoVersion: '6.2.0'
+  windowsImage: 'windows-2022'
+  linuxImage: 'ubuntu-20.04'
+  macImage: 'macOS-11'

 trigger:
  branches:
@@ -29,6 +35,7 @@ pr:
  paths:
    exclude:
    - src/NzbDrone.Core/Localization/Core
+    - src/Radarr.Api.*/openapi.json

 stages:
  - stage: Setup
@@ -37,7 +44,7 @@ stages:
    - job:
      displayName: Build Variables
      pool:
-        vmImage: 'ubuntu-18.04'
+        vmImage: ${{ variables.linuxImage }}
      steps:
      # Set the build name properly.  The 'name' property won't recursively expand so hack here:
      - bash: echo "##vso[build.updatebuildnumber]$RADARRVERSION"
@@ -63,15 +70,15 @@ stages:
        matrix:
          Linux:
            osName: 'Linux'
-            imageName: 'ubuntu-18.04'
+            imageName: ${{ variables.linuxImage }}
            enableAnalysis: 'true'
          Mac:
            osName: 'Mac'
-            imageName: 'macos-10.15'
+            imageName: ${{ variables.macImage }}
            enableAnalysis: 'false'
          Windows:
            osName: 'Windows'
-            imageName: 'windows-2019'
+            imageName: ${{ variables.windowsImage }}
            enableAnalysis: 'false'

      pool:
@@ -90,15 +97,14 @@ stages:
      - bash: |
          BUNDLEDVERSIONS=${AGENT_TOOLSDIRECTORY}/dotnet/sdk/${DOTNETVERSION}/Microsoft.NETCoreSdk.BundledVersions.props
          echo $BUNDLEDVERSIONS
-          grep osx-x64 $BUNDLEDVERSIONS
          if grep -q freebsd-x64 $BUNDLEDVERSIONS; then
-            echo "BSD already enabled"
+            echo "Extra platforms already enabled"
          else
-            echo "Enabling BSD support"
-            sed -i.ORI 's/osx-x64/osx-x64;freebsd-x64/' $BUNDLEDVERSIONS
+            echo "Enabling extra platform support"
+            sed -i.ORI 's/osx-x64/osx-x64;freebsd-x64;linux-x86/' $BUNDLEDVERSIONS
          fi
-        displayName: Enable FreeBSD Support
-      - bash: ./build.sh --backend --enable-bsd
+        displayName: Enable Extra Platform Support
+      - bash: ./build.sh --backend --enable-extra-platforms
        displayName: Build Radarr Backend
      - bash: |
          find ${OUTPUTFOLDER} -type f ! -path "*/publish/*" -exec rm -rf {} \;
@@ -112,24 +118,28 @@ stages:
        displayName: Publish Backend
        condition: and(succeeded(), eq(variables['osName'], 'Windows'))
      - publish: '$(testsFolder)/net6.0/win-x64/publish'
-        artifact: WindowsCoreTests
-        displayName: Publish Windows Test Package
+        artifact: win-x64-tests
+        displayName: Publish win-x64 Test Package
        condition: and(succeeded(), eq(variables['osName'], 'Windows'))
      - publish: '$(testsFolder)/net6.0/linux-x64/publish'
-        artifact: LinuxCoreTests
-        displayName: Publish Linux Test Package
+        artifact: linux-x64-tests
+        displayName: Publish linux-x64 Test Package
+        condition: and(succeeded(), eq(variables['osName'], 'Windows'))
+      - publish: '$(testsFolder)/net6.0/linux-x86/publish'
+        artifact: linux-x86-tests
+        displayName: Publish linux-x86 Test Package
        condition: and(succeeded(), eq(variables['osName'], 'Windows'))
      - publish: '$(testsFolder)/net6.0/linux-musl-x64/publish'
-        artifact: LinuxMuslCoreTests
-        displayName: Publish Linux Musl Test Package
+        artifact: linux-musl-x64-tests
+        displayName: Publish linux-musl-x64 Test Package
        condition: and(succeeded(), eq(variables['osName'], 'Windows'))
      - publish: '$(testsFolder)/net6.0/freebsd-x64/publish'
-        artifact: FreebsdCoreTests
-        displayName: Publish FreeBSD Test Package
+        artifact: freebsd-x64-tests
+        displayName: Publish freebsd-x64 Test Package
        condition: and(succeeded(), eq(variables['osName'], 'Windows'))
      - publish: '$(testsFolder)/net6.0/osx-x64/publish'
-        artifact: MacCoreTests
-        displayName: Publish MacOS Test Package
+        artifact: osx-x64-tests
+        displayName: Publish osx-x64 Test Package
        condition: and(succeeded(), eq(variables['osName'], 'Windows'))

  - stage: Build_Frontend
@@ -141,20 +151,20 @@ stages:
        matrix:
          Linux:
            osName: 'Linux'
-            imageName: 'ubuntu-18.04'
+            imageName: ${{ variables.linuxImage }}
          Mac:
            osName: 'Mac'
-            imageName: 'macos-10.15'
+            imageName: ${{ variables.macImage }}
          Windows:
            osName: 'Windows'
-            imageName: 'windows-2019'
+            imageName: ${{ variables.windowsImage }}
      pool:
        vmImage: $(imageName)
      steps:
      - task: NodeTool@0
        displayName: Set Node.js version
        inputs:
-          versionSpec: '12.x'
+          versionSpec: $(nodeVersion)
      - checkout: self
        submodules: true
        fetchDepth: 1
@@ -184,7 +194,7 @@ stages:
    - job: Windows_Installer
      displayName: Create Installer
      pool:
-        vmImage: 'windows-2019'
+        vmImage: ${{ variables.windowsImage }}
      steps:
      - checkout: self
        fetchDepth: 1
@@ -200,16 +210,11 @@ stages:
          artifactName: WindowsFrontend
          targetPath: _output
        displayName: Fetch Frontend
-      - bash: ./build.sh --packages
-        displayName: Create Packages
      - bash: |
-          setup/inno/ISCC.exe setup/radarr.iss //DFramework=net6.0 //DRuntime=win-x86
-          cp setup/output/Radarr.*windows.net6.0.exe ${BUILD_ARTIFACTSTAGINGDIRECTORY}/Radarr.${BUILDNAME}.windows-core-x86-installer.exe
-        displayName: Create .NET Core Windows installer
-      - bash: |
-          setup/inno/ISCC.exe setup/radarr.iss //DFramework=net6.0 //DRuntime=win-x64
-          cp setup/output/Radarr.*windows.net6.0.exe ${BUILD_ARTIFACTSTAGINGDIRECTORY}/Radarr.${BUILDNAME}.windows-core-x64-installer.exe
-        displayName: Create .NET Core Windows installer
+          ./build.sh --packages --installer
+          cp setup/output/Radarr.*win-x64.exe ${BUILD_ARTIFACTSTAGINGDIRECTORY}/Radarr.${BUILDNAME}.windows-core-x64-installer.exe
+          cp setup/output/Radarr.*win-x86.exe ${BUILD_ARTIFACTSTAGINGDIRECTORY}/Radarr.${BUILDNAME}.windows-core-x86-installer.exe
+        displayName: Create Installers
      - publish: $(Build.ArtifactStagingDirectory)
        artifact: 'WindowsInstaller'
        displayName: Publish Installer
@@ -222,7 +227,7 @@ stages:
    - job: Other_Packages
      displayName: Create Standard Packages
      pool:
-        vmImage: 'ubuntu-18.04'
+        vmImage: ${{ variables.linuxImage }}
      steps:
      - checkout: self
        fetchDepth: 1
@@ -238,7 +243,7 @@ stages:
          artifactName: WindowsFrontend
          targetPath: _output
        displayName: Fetch Frontend
-      - bash: ./build.sh --packages --enable-bsd
+      - bash: ./build.sh --packages --enable-extra-platforms
        displayName: Create Packages
      - bash: |
          find . -name "ffprobe" -exec chmod a+x {} \;
@@ -246,28 +251,28 @@ stages:
          find . -name "Radarr.Update" -exec chmod a+x {} \;
        displayName: Set executable bits
      - task: ArchiveFiles@2
-        displayName: Create Windows Core zip
+        displayName: Create win-x64 zip
        inputs:
          archiveFile: '$(Build.ArtifactStagingDirectory)/Radarr.$(buildName).windows-core-x64.zip'
          archiveType: 'zip'
          includeRootFolder: false
          rootFolderOrFile: $(artifactsFolder)/win-x64/net6.0
      - task: ArchiveFiles@2
-        displayName: Create Windows x86 Core zip
+        displayName: Create win-x86 zip
        inputs:
          archiveFile: '$(Build.ArtifactStagingDirectory)/Radarr.$(buildName).windows-core-x86.zip'
          archiveType: 'zip'
          includeRootFolder: false
          rootFolderOrFile: $(artifactsFolder)/win-x86/net6.0
      - task: ArchiveFiles@2
-        displayName: Create MacOS x64 Core app
+        displayName: Create osx-x64 app
        inputs:
          archiveFile: '$(Build.ArtifactStagingDirectory)/Radarr.$(buildName).osx-app-core-x64.zip'
          archiveType: 'zip'
          includeRootFolder: false
          rootFolderOrFile: $(artifactsFolder)/osx-x64-app/net6.0
      - task: ArchiveFiles@2
-        displayName: Create MacOS x64 Core tar
+        displayName: Create osx-x64 tar
        inputs:
          archiveFile: '$(Build.ArtifactStagingDirectory)/Radarr.$(buildName).osx-core-x64.tar.gz'
          archiveType: 'tar'
@@ -275,14 +280,14 @@ stages:
          includeRootFolder: false
          rootFolderOrFile: $(artifactsFolder)/osx-x64/net6.0
      - task: ArchiveFiles@2
-        displayName: Create MacOS arm64 Core app
+        displayName: Create osx-arm64 app
        inputs:
          archiveFile: '$(Build.ArtifactStagingDirectory)/Radarr.$(buildName).osx-app-core-arm64.zip'
          archiveType: 'zip'
          includeRootFolder: false
          rootFolderOrFile: $(artifactsFolder)/osx-arm64-app/net6.0
      - task: ArchiveFiles@2
-        displayName: Create MacOS arm64 Core tar
+        displayName: Create osx-arm64 tar
        inputs:
          archiveFile: '$(Build.ArtifactStagingDirectory)/Radarr.$(buildName).osx-core-arm64.tar.gz'
          archiveType: 'tar'
@@ -290,7 +295,7 @@ stages:
          includeRootFolder: false
          rootFolderOrFile: $(artifactsFolder)/osx-arm64/net6.0
      - task: ArchiveFiles@2
-        displayName: Create Linux Core tar
+        displayName: Create linux-x64 tar
        inputs:
          archiveFile: '$(Build.ArtifactStagingDirectory)/Radarr.$(buildName).linux-core-x64.tar.gz'
          archiveType: 'tar'
@@ -298,7 +303,7 @@ stages:
          includeRootFolder: false
          rootFolderOrFile: $(artifactsFolder)/linux-x64/net6.0
      - task: ArchiveFiles@2
-        displayName: Create Linux Musl Core tar
+        displayName: Create linux-musl-x64 tar
        inputs:
          archiveFile: '$(Build.ArtifactStagingDirectory)/Radarr.$(buildName).linux-musl-core-x64.tar.gz'
          archiveType: 'tar'
@@ -306,7 +311,15 @@ stages:
          includeRootFolder: false
          rootFolderOrFile: $(artifactsFolder)/linux-musl-x64/net6.0
      - task: ArchiveFiles@2
-        displayName: Create ARM32 Linux Core tar
+        displayName: Create linux-x86 tar
+        inputs:
+          archiveFile: '$(Build.ArtifactStagingDirectory)/Radarr.$(buildName).linux-core-x86.tar.gz'
+          archiveType: 'tar'
+          tarCompression: 'gz'
+          includeRootFolder: false
+          rootFolderOrFile: $(artifactsFolder)/linux-x86/net6.0
+      - task: ArchiveFiles@2
+        displayName: Create linux-arm tar
        inputs:
          archiveFile: '$(Build.ArtifactStagingDirectory)/Radarr.$(buildName).linux-core-arm.tar.gz'
          archiveType: 'tar'
@@ -314,7 +327,7 @@ stages:
          includeRootFolder: false
          rootFolderOrFile: $(artifactsFolder)/linux-arm/net6.0
      - task: ArchiveFiles@2
-        displayName: Create ARM32 Linux Musl Core tar
+        displayName: Create linux-musl-arm tar
        inputs:
          archiveFile: '$(Build.ArtifactStagingDirectory)/Radarr.$(buildName).linux-musl-core-arm.tar.gz'
          archiveType: 'tar'
@@ -322,7 +335,7 @@ stages:
          includeRootFolder: false
          rootFolderOrFile: $(artifactsFolder)/linux-musl-arm/net6.0
      - task: ArchiveFiles@2
-        displayName: Create ARM64 Linux Core tar
+        displayName: Create linux-arm64 tar
        inputs:
          archiveFile: '$(Build.ArtifactStagingDirectory)/Radarr.$(buildName).linux-core-arm64.tar.gz'
          archiveType: 'tar'
@@ -330,7 +343,7 @@ stages:
          includeRootFolder: false
          rootFolderOrFile: $(artifactsFolder)/linux-arm64/net6.0
      - task: ArchiveFiles@2
-        displayName: Create ARM64 Linux Musl Core tar
+        displayName: Create linux-musl-arm64 tar
        inputs:
          archiveFile: '$(Build.ArtifactStagingDirectory)/Radarr.$(buildName).linux-musl-core-arm64.tar.gz'
          archiveType: 'tar'
@@ -338,7 +351,7 @@ stages:
          includeRootFolder: false
          rootFolderOrFile: $(artifactsFolder)/linux-musl-arm64/net6.0
      - task: ArchiveFiles@2
-        displayName: Create FreeBSD Core Core tar
+        displayName: Create freebsd-x64 tar
        inputs:
          archiveFile: '$(Build.ArtifactStagingDirectory)/Radarr.$(buildName).freebsd-core-x64.tar.gz'
          archiveType: 'tar'
@@ -383,7 +396,7 @@ stages:
    jobs:
    - job: Prepare
      pool:
-        vmImage: 'ubuntu-18.04'
+        vmImage: ${{ variables.linuxImage }}
      steps:
      - checkout: none
      - task: DownloadPipelineArtifact@2
@@ -405,22 +418,22 @@ stages:
        matrix:
          MacCore:
            osName: 'Mac'
-            testName: 'MacCore'
+            testName: 'osx-x64'
            poolName: 'Azure Pipelines'
-            imageName: 'macos-10.15'
+            imageName: ${{ variables.macImage }}
          WindowsCore:
            osName: 'Windows'
-            testName: 'WindowsCore'
+            testName: 'win-x64'
            poolName: 'Azure Pipelines'
-            imageName: 'windows-2019'
+            imageName: ${{ variables.windowsImage }}
          LinuxCore:
            osName: 'Linux'
-            testName: 'LinuxCore'
+            testName: 'linux-x64'
            poolName: 'Azure Pipelines'
-            imageName: 'ubuntu-18.04'
+            imageName: ${{ variables.linuxImage }}
          FreebsdCore:
            osName: 'Linux'
-            testName: 'FreebsdCore'
+            testName: 'freebsd-x64'
            poolName: 'FreeBSD'
            imageName:

@@ -439,7 +452,7 @@ stages:
        displayName: Download Test Artifact
        inputs:
          buildType: 'current'
-          artifactName: '$(testName)Tests'
+          artifactName: '$(testName)-tests'
          targetPath: $(testsFolder)
      - powershell: Set-Service SCardSvr -StartupType Manual
        displayName: Enable Windows Test Service
@@ -473,11 +486,15 @@ stages:
        matrix:
          alpine:
            testName: 'Musl Net Core'
-            artifactName: LinuxMuslCoreTests
+            artifactName: linux-musl-x64-tests
            containerImage: ghcr.io/servarr/testimages:alpine
+          linux-x86:
+            testName: 'linux-x86'
+            artifactName: linux-x86-tests
+            containerImage: ghcr.io/servarr/testimages:linux-x86

      pool:
-        vmImage: 'ubuntu-18.04'
+        vmImage: ${{ variables.linuxImage }}
      
      container: $[ variables['containerImage'] ]

@@ -485,9 +502,15 @@ stages:
        
      steps:
      - task: UseDotNet@2
-        displayName: 'Install .net core'
+        displayName: 'Install .NET'
        inputs:
          version: $(dotnetVersion)
+        condition: and(succeeded(), ne(variables['testName'], 'linux-x86'))
+      - bash: |
+          SDKURL=$(curl -s https://api.github.com/repos/Servarr/dotnet-linux-x86/releases | jq -rc '.[].assets[].browser_download_url' | grep sdk-${DOTNETVERSION}.*gz$)
+          curl -fsSL $SDKURL | tar xzf - -C /opt/dotnet
+        displayName: 'Install .NET'
+        condition: and(succeeded(), eq(variables['testName'], 'linux-x86'))
      - checkout: none
      - task: DownloadPipelineArtifact@2
        displayName: Download Test Artifact
@@ -513,6 +536,61 @@ stages:
          testResultsFiles: '**/TestResult.xml'
          testRunTitle: '$(testName) Unit Tests'
          failTaskOnFailedTests: true
+          
+    - job: Unit_LinuxCore_Postgres
+      displayName: Unit Native LinuxCore with Postgres Database
+      dependsOn: Prepare
+      condition: and(succeeded(), eq(dependencies.Prepare.outputs['setVar.backendNotUpdated'], '0'))
+      variables:
+        pattern: 'Radarr.*.linux-core-x64.tar.gz'
+        artifactName: linux-x64-tests
+        Radarr__Postgres__Host: 'localhost'
+        Radarr__Postgres__Port: '5432'
+        Radarr__Postgres__User: 'radarr'
+        Radarr__Postgres__Password: 'radarr'
+
+      pool:
+        vmImage: 'ubuntu-18.04'
+
+      timeoutInMinutes: 10
+        
+      steps:
+      - task: UseDotNet@2
+        displayName: 'Install .net core'
+        inputs:
+          version: $(dotnetVersion)
+      - checkout: none
+      - task: DownloadPipelineArtifact@2
+        displayName: Download Test Artifact
+        inputs:
+          buildType: 'current'
+          artifactName: $(artifactName)
+          targetPath: $(testsFolder)
+      - bash: |
+          chmod a+x _tests/ffprobe
+        displayName: Make ffprobe Executable
+      - bash: find ${TESTSFOLDER} -name "Radarr.Test.Dummy" -exec chmod a+x {} \;
+        displayName: Make Test Dummy Executable
+        condition: and(succeeded(), ne(variables['osName'], 'Windows'))
+      - bash: |
+          docker run -d --name=postgres14 \
+          -e POSTGRES_PASSWORD=radarr \
+          -e POSTGRES_USER=radarr \
+          -p 5432:5432/tcp \
+          postgres:14
+        displayName: Start postgres
+      - bash: |
+          chmod a+x ${TESTSFOLDER}/test.sh
+          ls -lR ${TESTSFOLDER}
+          ${TESTSFOLDER}/test.sh Linux Unit Test
+        displayName: Run Tests
+      - task: PublishTestResults@2
+        displayName: Publish Test Results
+        inputs:
+          testResultsFormat: 'NUnit'
+          testResultsFiles: '**/TestResult.xml'
+          testRunTitle: 'LinuxCore Postgres Unit Tests'
+          failTaskOnFailedTests: true

  - stage: Integration
    displayName: Integration
@@ -521,7 +599,7 @@ stages:
    jobs:
    - job: Prepare
      pool:
-        vmImage: 'ubuntu-18.04'
+        vmImage: ${{ variables.linuxImage }}
      steps:
      - checkout: none
      - task: DownloadPipelineArtifact@2
@@ -540,18 +618,18 @@ stages:
        matrix:
          MacCore:
            osName: 'Mac'
-            testName: 'MacCore'
-            imageName: 'macos-10.15'
+            testName: 'osx-x64'
+            imageName: ${{ variables.macImage }}
            pattern: 'Radarr.*.osx-core-x64.tar.gz'
          WindowsCore:
            osName: 'Windows'
-            testName: 'WindowsCore'
-            imageName: 'windows-2019'
+            testName: 'win-x64'
+            imageName: ${{ variables.windowsImage }}
            pattern: 'Radarr.*.windows-core-x64.zip'
          LinuxCore:
            osName: 'Linux'
-            testName: 'LinuxCore'
-            imageName: 'ubuntu-18.04'
+            testName: 'linux-x64'
+            imageName: ${{ variables.linuxImage }}
            pattern: 'Radarr.*.linux-core-x64.tar.gz'

      pool:
@@ -567,7 +645,7 @@ stages:
        displayName: Download Test Artifact
        inputs:
          buildType: 'current'
-          artifactName: '$(testName)Tests'
+          artifactName: '$(testName)-tests'
          targetPath: $(testsFolder)
      - task: DownloadPipelineArtifact@2
        displayName: Download Build Artifact
@@ -597,6 +675,67 @@ stages:
          failTaskOnFailedTests: true
        displayName: Publish Test Results

+    - job: Integration_LinuxCore_Postgres
+      displayName: Integration Native LinuxCore with Postgres Database
+      dependsOn: Prepare
+      condition: and(succeeded(), eq(dependencies.Prepare.outputs['setVar.backendNotUpdated'], '0'))
+      variables:
+        pattern: 'Radarr.*.linux-core-x64.tar.gz'
+        Radarr__Postgres__Host: 'localhost'
+        Radarr__Postgres__Port: '5432'
+        Radarr__Postgres__User: 'radarr'
+        Radarr__Postgres__Password: 'radarr'
+
+      pool:
+        vmImage: 'ubuntu-18.04'
+
+      steps:
+        - task: UseDotNet@2
+          displayName: 'Install .net core'
+          inputs:
+            version: $(dotnetVersion)
+        - checkout: none
+        - task: DownloadPipelineArtifact@2
+          displayName: Download Test Artifact
+          inputs:
+            buildType: 'current'
+            artifactName: 'linux-x64-tests'
+            targetPath: $(testsFolder)
+        - task: DownloadPipelineArtifact@2
+          displayName: Download Build Artifact
+          inputs:
+            buildType: 'current'
+            artifactName: Packages
+            itemPattern: '**/$(pattern)'
+            targetPath: $(Build.ArtifactStagingDirectory)
+        - task: ExtractFiles@1
+          inputs:
+            archiveFilePatterns: '$(Build.ArtifactStagingDirectory)/**/$(pattern)' 
+            destinationFolder: '$(Build.ArtifactStagingDirectory)/bin'
+          displayName: Extract Package
+        - bash: |
+            mkdir -p ./bin/
+            cp -r -v ${BUILD_ARTIFACTSTAGINGDIRECTORY}/bin/Radarr/. ./bin/
+          displayName: Move Package Contents
+        - bash: |
+            docker run -d --name=postgres14 \
+            -e POSTGRES_PASSWORD=radarr \
+            -e POSTGRES_USER=radarr \
+            -p 5432:5432/tcp \
+            postgres:14
+          displayName: Start postgres
+        - bash: |
+            chmod a+x ${TESTSFOLDER}/test.sh
+            ${TESTSFOLDER}/test.sh Linux Integration Test
+          displayName: Run Integration Tests
+        - task: PublishTestResults@2
+          inputs:
+            testResultsFormat: 'NUnit'
+            testResultsFiles: '**/TestResult.xml'
+            testRunTitle: 'Integration LinuxCore Postgres Database Integration Tests'
+            failTaskOnFailedTests: true
+          displayName: Publish Test Results
+
    - job: Integration_FreeBSD
      displayName: Integration Native FreeBSD
      dependsOn: Prepare
@@ -614,7 +753,7 @@ stages:
        displayName: Download Test Artifact
        inputs:
          buildType: 'current'
-          artifactName: 'FreebsdCoreTests'
+          artifactName: 'freebsd-x64-tests'
          targetPath: $(testsFolder)
      - task: DownloadPipelineArtifact@2
        displayName: Download Build Artifact
@@ -650,12 +789,17 @@ stages:
      strategy:
        matrix:
          alpine:
-            testName: 'Musl Net Core'
-            artifactName: LinuxMuslCoreTests
+            testName: 'linux-musl-x64'
+            artifactName: linux-musl-x64-tests
            containerImage: ghcr.io/servarr/testimages:alpine
            pattern: 'Radarr.*.linux-musl-core-x64.tar.gz'
+          linux-x86:
+            testName: 'linux-x86'
+            artifactName: linux-x86-tests
+            containerImage: ghcr.io/servarr/testimages:linux-x86
+            pattern: 'Radarr.*.linux-core-x86.tar.gz'
      pool:
-        vmImage: 'ubuntu-18.04'
+        vmImage: ${{ variables.linuxImage }}

      container: $[ variables['containerImage'] ]

@@ -663,9 +807,15 @@ stages:
        
      steps:
      - task: UseDotNet@2
-        displayName: 'Install .net core'
+        displayName: 'Install .NET'
        inputs:
          version: $(dotnetVersion)
+        condition: and(succeeded(), ne(variables['testName'], 'linux-x86'))
+      - bash: |
+          SDKURL=$(curl -s https://api.github.com/repos/Servarr/dotnet-linux-x86/releases | jq -rc '.[].assets[].browser_download_url' | grep sdk-${DOTNETVERSION}.*gz$)
+          curl -fsSL $SDKURL | tar xzf - -C /opt/dotnet
+        displayName: 'Install .NET'
+        condition: and(succeeded(), eq(variables['testName'], 'linux-x86'))
      - checkout: none
      - task: DownloadPipelineArtifact@2
        displayName: Download Test Artifact
@@ -711,17 +861,20 @@ stages:
        matrix:
          Linux:
            osName: 'Linux'
-            imageName: 'ubuntu-18.04'
+            artifactName: 'linux-x64'
+            imageName: ${{ variables.linuxImage }}
            pattern: 'Radarr.*.linux-core-x64.tar.gz'
            failBuild: true
          Mac:
            osName: 'Mac'
-            imageName: 'macos-10.15'
+            artifactName: 'osx-x64'
+            imageName: ${{ variables.macImage }}
            pattern: 'Radarr.*.osx-core-x64.tar.gz'
            failBuild: true
          Windows:
            osName: 'Windows'
-            imageName: 'windows-2019'
+            artifactName: 'win-x64'
+            imageName: ${{ variables.windowsImage }}
            pattern: 'Radarr.*.windows-core-x64.zip'
            failBuild: true

@@ -738,7 +891,7 @@ stages:
        displayName: Download Test Artifact
        inputs:
          buildType: 'current'
-          artifactName: '$(osName)CoreTests'
+          artifactName: '$(artifactName)-tests'
          targetPath: $(testsFolder)
      - task: DownloadPipelineArtifact@2
        displayName: Download Build Artifact
@@ -787,7 +940,7 @@ stages:
    jobs:
    - job: Prepare
      pool:
-        vmImage: 'ubuntu-18.04'
+        vmImage: ${{ variables.linuxImage }}
      steps:
      - checkout: none
      - task: DownloadPipelineArtifact@2
@@ -804,17 +957,17 @@ stages:
        matrix:
          Linux:
            osName: 'Linux'
-            imageName: 'ubuntu-18.04'
+            imageName: ${{ variables.linuxImage }}
          Windows:
            osName: 'Windows'
-            imageName: 'windows-2019'
+            imageName: ${{ variables.windowsImage }}
      pool:
        vmImage: $(imageName)
      steps:
      - task: NodeTool@0
        displayName: Set Node.js version
        inputs:
-          versionSpec: '12.x'
+          versionSpec: $(nodeVersion)
      - checkout: self
        submodules: true
        fetchDepth: 1
@@ -836,7 +989,7 @@ stages:
      displayName: Frontend
      condition: eq(variables['System.PullRequest.IsFork'], 'False')
      pool:
-        vmImage: windows-2019
+        vmImage: ${{ variables.windowsImage }}
      steps:
      - checkout: self # Need history for Sonar analysis
      - task: SonarCloudPrepare@1
@@ -852,6 +1005,60 @@ stages:
          cliProjectVersion: '$(radarrVersion)'
          cliSources: './frontend'
      - task: SonarCloudAnalyze@1
+      
+    - job: Api_Docs
+      displayName: API Docs
+      dependsOn: Prepare
+      condition: |
+        and
+        (
+          and(succeeded(), eq(variables['Build.SourceBranch'], 'refs/heads/develop')),
+          and(succeeded(), eq(dependencies.Prepare.outputs['setVar.backendNotUpdated'], '0'))
+        )
+
+      pool:
+        vmImage: ${{ variables.windowsImage }}
+
+      steps:
+      - task: UseDotNet@2
+        displayName: 'Install .net core'
+        inputs:
+          version: $(dotnetVersion)
+      - checkout: self
+        submodules: true
+        persistCredentials: true
+        fetchDepth: 1    
+      - bash: ./docs.sh Windows
+        displayName: Create openapi.json
+      - bash: |
+          git config --global user.email "development@lidarr.audio"
+          git config --global user.name "Servarr"
+          git checkout -b api-docs
+          git add .
+          git status
+          if git status | grep modified
+          then
+            git commit -am 'Automated API Docs update'
+            git push -f --set-upstream origin api-docs
+            curl -X POST -H "Authorization: token ${GITHUBTOKEN}" -H "Accept: application/vnd.github.v3+json" https://api.github.com/repos/radarr/radarr/pulls -d '{"head":"api-docs","base":"develop","title":"Update API docs"}'
+          else
+            echo "No changes since last run"
+          fi
+        displayName: Commit API Doc Change
+        continueOnError: true
+        env:
+          GITHUBTOKEN: $(githubToken)
+      - task: CopyFiles@2
+        displayName: 'Copy openapi.json to: $(Build.ArtifactStagingDirectory)'
+        inputs:
+          SourceFolder: '$(Build.SourcesDirectory)'
+          Contents: |
+            **/*openapi.json
+          TargetFolder: '$(Build.ArtifactStagingDirectory)/api_docs'
+      - publish: $(Build.ArtifactStagingDirectory)/api_docs
+        artifact: 'APIDocs'
+        displayName: Publish API Docs Bundle
+        condition: and(succeeded(), eq(variables['System.JobAttempt'], '1'))

    - job: Analyze_Backend
      displayName: Backend
@@ -863,7 +1070,7 @@ stages:
        EnableAnalyzers: 'false'

      pool:
-        vmImage: windows-2019
+        vmImage: ${{ variables.windowsImage }}

      steps:
      - task: UseDotNet@2
@@ -920,7 +1127,7 @@ stages:
    - job:
      displayName: Discord Notification
      pool:
-        vmImage: 'ubuntu-18.04'
+        vmImage: ${{ variables.linuxImage }}
      steps:
        - task: DownloadPipelineArtifact@2
          continueOnError: true
--- a/build.sh
+++ b/build.sh
@@ -25,14 +25,22 @@ UpdateVersionNumber()
    fi
 }

-EnableBsdSupport()
+EnableExtraPlatformsInSDK()
 {
-    #todo enable sdk with
-    #SDK_PATH=$(dotnet --list-sdks | grep -P '5\.\d\.\d+' | head -1 | sed 's/\(5\.[0-9]*\.[0-9]*\).*\[\(.*\)\]/\2\/\1/g')
-    # BUNDLED_VERSIONS="${SDK_PATH}/Microsoft.NETCoreSdk.BundledVersions.props"
+    SDK_PATH=$(dotnet --list-sdks | grep -P '6\.\d\.\d+' | head -1 | sed 's/\(6\.[0-9]*\.[0-9]*\).*\[\(.*\)\]/\2\/\1/g')
+    BUNDLEDVERSIONS="${SDK_PATH}/Microsoft.NETCoreSdk.BundledVersions.props"
+    if grep -q freebsd-x64 $BUNDLEDVERSIONS; then
+        echo "Extra platforms already enabled"
+    else
+        echo "Enabling extra platform support"
+        sed -i.ORI 's/osx-x64/osx-x64;freebsd-x64;linux-x86/' $BUNDLEDVERSIONS
+    fi
+}

+EnableExtraPlatforms()
+{
    if grep -qv freebsd-x64 src/Directory.Build.props; then
-        sed -i'' -e "s^<RuntimeIdentifiers>\(.*\)</RuntimeIdentifiers>^<RuntimeIdentifiers>\1;freebsd-x64</RuntimeIdentifiers>^g" src/Directory.Build.props
+        sed -i'' -e "s^<RuntimeIdentifiers>\(.*\)</RuntimeIdentifiers>^<RuntimeIdentifiers>\1;freebsd-x64;linux-x86</RuntimeIdentifiers>^g" src/Directory.Build.props
    fi
 }

@@ -233,6 +241,32 @@ Package()
    esac
 }

+BuildInstaller()
+{
+    local framework="$1"
+    local runtime="$2"
+    
+    ./_inno/ISCC.exe setup/radarr.iss "//DFramework=$framework" "//DRuntime=$runtime"
+}
+
+InstallInno()
+{
+    ProgressStart "Installing portable Inno Setup"
+    
+    rm -rf _inno
+    curl -s --output innosetup.exe "https://files.jrsoftware.org/is/6/innosetup-${INNOVERSION:-6.2.0}.exe"
+    mkdir _inno
+    ./innosetup.exe //portable=1 //silent //currentuser //dir=.\\_inno
+    rm innosetup.exe
+    
+    ProgressEnd "Installed portable Inno Setup"
+}
+
+RemoveInno()
+{
+    rm -rf _inno
+}
+
 PackageTests()
 {
    local framework="$1"
@@ -264,8 +298,10 @@ if [ $# -eq 0 ]; then
    BACKEND=YES
    FRONTEND=YES
    PACKAGES=YES
+    INSTALLER=NO
    LINT=YES
-    ENABLE_BSD=NO
+    ENABLE_EXTRA_PLATFORMS=NO
+    ENABLE_EXTRA_PLATFORMS_IN_SDK=NO
 fi

 while [[ $# -gt 0 ]]
@@ -277,8 +313,12 @@ case $key in
        BACKEND=YES
        shift # past argument
        ;;
-    --enable-bsd)
-        ENABLE_BSD=YES
+    --enable-bsd|--enable-extra-platforms)
+        ENABLE_EXTRA_PLATFORMS=YES
+        shift # past argument
+        ;;
+    --enable-extra-platforms-in-sdk)
+        ENABLE_EXTRA_PLATFORMS_IN_SDK=YES
        shift # past argument
        ;;
    -r|--runtime)
@@ -299,6 +339,10 @@ case $key in
        PACKAGES=YES
        shift # past argument
        ;;
+    --installer)
+        INSTALLER=YES
+        shift # past argument
+        ;;
    --lint)
        LINT=YES
        shift # past argument
@@ -318,12 +362,17 @@ esac
 done
 set -- "${POSITIONAL[@]}" # restore positional parameters

+if [ "$ENABLE_EXTRA_PLATFORMS_IN_SDK" = "YES" ];
+then
+    EnableExtraPlatformsInSDK
+fi
+
 if [ "$BACKEND" = "YES" ];
 then
    UpdateVersionNumber
-    if [ "$ENABLE_BSD" = "YES" ];
+    if [ "$ENABLE_EXTRA_PLATFORMS" = "YES" ];
    then
-        EnableBsdSupport
+        EnableExtraPlatforms
    fi
    Build
    if [[ -z "$RID" || -z "$FRAMEWORK" ]];
@@ -333,9 +382,10 @@ then
        PackageTests "net6.0" "linux-x64"
        PackageTests "net6.0" "linux-musl-x64"
        PackageTests "net6.0" "osx-x64"
-        if [ "$ENABLE_BSD" = "YES" ];
+        if [ "$ENABLE_EXTRA_PLATFORMS" = "YES" ];
        then
            PackageTests "net6.0" "freebsd-x64"
+            PackageTests "net6.0" "linux-x86"
        fi
    else
        PackageTests "$FRAMEWORK" "$RID"
@@ -374,11 +424,20 @@ then
        Package "net6.0" "linux-musl-arm"
        Package "net6.0" "osx-x64"
        Package "net6.0" "osx-arm64"
-        if [ "$ENABLE_BSD" = "YES" ];
+        if [ "$ENABLE_EXTRA_PLATFORMS" = "YES" ];
        then
            Package "net6.0" "freebsd-x64"
+            Package "net6.0" "linux-x86"
        fi
    else
        Package "$FRAMEWORK" "$RID"
    fi
 fi
+
+if [ "$INSTALLER" = "YES" ];
+then
+    InstallInno
+    BuildInstaller "net6.0" "win-x64"
+    BuildInstaller "net6.0" "win-x86"
+    RemoveInno
+fi
--- a/docs.sh
+++ b/docs.sh
@@ -0,0 +1,38 @@
+PLATFORM=$1
+
+if [ "$PLATFORM" = "Windows" ]; then
+  RUNTIME="win-x64"
+elif [ "$PLATFORM" = "Linux" ]; then
+  WHERE="linux-x64"
+elif [ "$PLATFORM" = "Mac" ]; then
+  WHERE="osx-x64"
+else
+  echo "Platform must be provided as first arguement: Windows, Linux or Mac"
+  exit 1
+fi
+
+outputFolder='_output'
+testPackageFolder='_tests'
+
+rm -rf $outputFolder
+rm -rf $testPackageFolder
+
+slnFile=src/Radarr.sln
+
+platform=Posix
+
+dotnet clean $slnFile -c Debug
+dotnet clean $slnFile -c Release
+
+dotnet msbuild -restore $slnFile -p:Configuration=Debug -p:Platform=$platform -p:RuntimeIdentifiers=$RUNTIME -t:PublishAllRids
+
+dotnet new tool-manifest
+dotnet tool install --version 6.3.0 Swashbuckle.AspNetCore.Cli
+
+dotnet tool run swagger tofile --output ./src/Radarr.Api.V3/openapi.json "$outputFolder/net6.0/$RUNTIME/radarr.console.dll" v3 &
+
+sleep 45
+
+kill %1
+
+exit 0
--- a/frontend/src/Activity/Blocklist/Blocklist.js
+++ b/frontend/src/Activity/Blocklist/Blocklist.js
@@ -61,33 +61,33 @@ class Blocklist extends Component {

  getSelectedIds = () => {
    return getSelectedIds(this.state.selectedState);
-  }
+  };

  //
  // Listeners

  onSelectAllChange = ({ value }) => {
    this.setState(selectAll(this.state.selectedState, value));
-  }
+  };

  onSelectedChange = ({ id, value, shiftKey = false }) => {
    this.setState((state) => {
      return toggleSelected(state, this.props.items, id, value, shiftKey);
    });
-  }
+  };

  onRemoveSelectedPress = () => {
    this.setState({ isConfirmRemoveModalOpen: true });
-  }
+  };

  onRemoveSelectedConfirmed = () => {
    this.props.onRemoveSelected(this.getSelectedIds());
    this.setState({ isConfirmRemoveModalOpen: false });
-  }
+  };

  onConfirmRemoveModalClose = () => {
    this.setState({ isConfirmRemoveModalOpen: false });
-  }
+  };

  //
  // Render
@@ -120,7 +120,7 @@ class Blocklist extends Component {
        <PageToolbar>
          <PageToolbarSection>
            <PageToolbarButton
-              label="Remove Selected"
+              label={translate('RemoveSelected')}
              iconName={icons.REMOVE}
              isDisabled={!selectedIds.length}
              isSpinning={isRemoving}
--- a/frontend/src/Activity/Blocklist/BlocklistConnector.js
+++ b/frontend/src/Activity/Blocklist/BlocklistConnector.js
@@ -65,37 +65,37 @@ class BlocklistConnector extends Component {

  repopulate = () => {
    this.props.fetchBlocklist();
-  }
+  };
  //
  // Listeners

  onFirstPagePress = () => {
    this.props.gotoBlocklistFirstPage();
-  }
+  };

  onPreviousPagePress = () => {
    this.props.gotoBlocklistPreviousPage();
-  }
+  };

  onNextPagePress = () => {
    this.props.gotoBlocklistNextPage();
-  }
+  };

  onLastPagePress = () => {
    this.props.gotoBlocklistLastPage();
-  }
+  };

  onPageSelect = (page) => {
    this.props.gotoBlocklistPage({ page });
-  }
+  };

  onRemoveSelected = (ids) => {
    this.props.removeBlocklistItems({ ids });
-  }
+  };

  onSortPress = (sortKey) => {
    this.props.setBlocklistSort({ sortKey });
-  }
+  };

  onTableOptionChange = (payload) => {
    this.props.setBlocklistTableOption(payload);
@@ -103,11 +103,11 @@ class BlocklistConnector extends Component {
    if (payload.pageSize) {
      this.props.gotoBlocklistFirstPage();
    }
-  }
+  };

  onClearBlocklistPress = () => {
    this.props.executeCommand({ name: commandNames.CLEAR_BLOCKLIST });
-  }
+  };

  //
  // Render
--- a/frontend/src/Activity/Blocklist/BlocklistRow.js
+++ b/frontend/src/Activity/Blocklist/BlocklistRow.js
@@ -32,11 +32,11 @@ class BlocklistRow extends Component {

  onDetailsPress = () => {
    this.setState({ isDetailsModalOpen: true });
-  }
+  };

  onDetailsModalClose = () => {
    this.setState({ isDetailsModalOpen: false });
-  }
+  };

  //
  // Render
--- a/frontend/src/Activity/History/Details/HistoryDetails.js
+++ b/frontend/src/Activity/History/Details/HistoryDetails.js
@@ -25,6 +25,7 @@ function HistoryDetails(props) {
      releaseGroup,
      nzbInfoUrl,
      downloadClient,
+      downloadClientName,
      downloadId,
      age,
      ageHours,
@@ -32,6 +33,8 @@ function HistoryDetails(props) {
      publishedDate
    } = data;

+    const downloadClientNameInfo = downloadClientName ?? downloadClient;
+
    return (
      <DescriptionList>
        <DescriptionListItem
@@ -71,11 +74,12 @@ function HistoryDetails(props) {
        }

        {
-          !!downloadClient &&
+          downloadClientNameInfo ?
            <DescriptionListItem
              title={translate('DownloadClient')}
-              data={downloadClient}
-            />
+              data={downloadClientNameInfo}
+            /> :
+            null
        }

        {
--- a/frontend/src/Activity/History/HistoryConnector.js
+++ b/frontend/src/Activity/History/HistoryConnector.js
@@ -57,38 +57,38 @@ class HistoryConnector extends Component {

  repopulate = () => {
    this.props.fetchHistory();
-  }
+  };

  //
  // Listeners

  onFirstPagePress = () => {
    this.props.gotoHistoryFirstPage();
-  }
+  };

  onPreviousPagePress = () => {
    this.props.gotoHistoryPreviousPage();
-  }
+  };

  onNextPagePress = () => {
    this.props.gotoHistoryNextPage();
-  }
+  };

  onLastPagePress = () => {
    this.props.gotoHistoryLastPage();
-  }
+  };

  onPageSelect = (page) => {
    this.props.gotoHistoryPage({ page });
-  }
+  };

  onSortPress = (sortKey) => {
    this.props.setHistorySort({ sortKey });
-  }
+  };

  onFilterSelect = (selectedFilterKey) => {
    this.props.setHistoryFilter({ selectedFilterKey });
-  }
+  };

  onTableOptionChange = (payload) => {
    this.props.setHistoryTableOption(payload);
@@ -96,7 +96,7 @@ class HistoryConnector extends Component {
    if (payload.pageSize) {
      this.props.gotoHistoryFirstPage();
    }
-  }
+  };

  //
  // Render
--- a/frontend/src/Activity/History/HistoryRow.js
+++ b/frontend/src/Activity/History/HistoryRow.js
@@ -41,11 +41,11 @@ class HistoryRow extends Component {

  onDetailsPress = () => {
    this.setState({ isDetailsModalOpen: true });
-  }
+  };

  onDetailsModalClose = () => {
    this.setState({ isDetailsModalOpen: false });
-  }
+  };

  //
  // Render
--- a/frontend/src/Activity/History/HistoryRowConnector.js
+++ b/frontend/src/Activity/History/HistoryRowConnector.js
@@ -46,7 +46,7 @@ class HistoryRowConnector extends Component {

  onMarkAsFailedPress = () => {
    this.props.markAsFailed({ id: this.props.id });
-  }
+  };

  //
  // Render
--- a/frontend/src/Activity/Queue/Queue.js
+++ b/frontend/src/Activity/Queue/Queue.js
@@ -90,45 +90,45 @@ class Queue extends Component {

  getSelectedIds = () => {
    return getSelectedIds(this.state.selectedState);
-  }
+  };

  //
  // Listeners

  onQueueRowModalOpenOrClose = (isOpen) => {
    this._shouldBlockRefresh = isOpen;
-  }
+  };

  onSelectAllChange = ({ value }) => {
    this.setState(selectAll(this.state.selectedState, value));
-  }
+  };

  onSelectedChange = ({ id, value, shiftKey = false }) => {
    this.setState((state) => {
      return toggleSelected(state, this.props.items, id, value, shiftKey);
    });
-  }
+  };

  onGrabSelectedPress = () => {
    this.props.onGrabSelectedPress(this.getSelectedIds());
-  }
+  };

  onRemoveSelectedPress = () => {
    this.setState({ isConfirmRemoveModalOpen: true }, () => {
      this._shouldBlockRefresh = true;
    });
-  }
+  };

  onRemoveSelectedConfirmed = (payload) => {
    this._shouldBlockRefresh = false;
    this.props.onRemoveSelectedPress({ ids: this.getSelectedIds(), ...payload });
    this.setState({ isConfirmRemoveModalOpen: false });
-  }
+  };

  onConfirmRemoveModalClose = () => {
    this._shouldBlockRefresh = false;
    this.setState({ isConfirmRemoveModalOpen: false });
-  }
+  };

  //
  // Render
--- a/frontend/src/Activity/Queue/QueueConnector.js
+++ b/frontend/src/Activity/Queue/QueueConnector.js
@@ -77,34 +77,34 @@ class QueueConnector extends Component {

  repopulate = () => {
    this.props.fetchQueue();
-  }
+  };

  //
  // Listeners

  onFirstPagePress = () => {
    this.props.gotoQueueFirstPage();
-  }
+  };

  onPreviousPagePress = () => {
    this.props.gotoQueuePreviousPage();
-  }
+  };

  onNextPagePress = () => {
    this.props.gotoQueueNextPage();
-  }
+  };

  onLastPagePress = () => {
    this.props.gotoQueueLastPage();
-  }
+  };

  onPageSelect = (page) => {
    this.props.gotoQueuePage({ page });
-  }
+  };

  onSortPress = (sortKey) => {
    this.props.setQueueSort({ sortKey });
-  }
+  };

  onTableOptionChange = (payload) => {
    this.props.setQueueTableOption(payload);
@@ -112,21 +112,21 @@ class QueueConnector extends Component {
    if (payload.pageSize) {
      this.props.gotoQueueFirstPage();
    }
-  }
+  };

  onRefreshPress = () => {
    this.props.executeCommand({
      name: commandNames.REFRESH_MONITORED_DOWNLOADS
    });
-  }
+  };

  onGrabSelectedPress = (ids) => {
    this.props.grabQueueItems({ ids });
-  }
+  };

  onRemoveSelectedPress = (payload) => {
    this.props.removeQueueItems(payload);
-  }
+  };

  //
  // Render
--- a/frontend/src/Activity/Queue/QueueOptions.js
+++ b/frontend/src/Activity/Queue/QueueOptions.js
@@ -42,7 +42,7 @@ class QueueOptions extends Component {
        [name]: value
      });
    });
-  }
+  };

  //
  // Render
--- a/frontend/src/Activity/Queue/QueueRow.js
+++ b/frontend/src/Activity/Queue/QueueRow.js
@@ -40,7 +40,7 @@ class QueueRow extends Component {

  onRemoveQueueItemPress = () => {
    this.setState({ isRemoveQueueItemModalOpen: true });
-  }
+  };

  onRemoveQueueItemModalConfirmed = (blocklist) => {
    const {
@@ -52,25 +52,25 @@ class QueueRow extends Component {
    onRemoveQueueItemPress(blocklist);

    this.setState({ isRemoveQueueItemModalOpen: false });
-  }
+  };

  onRemoveQueueItemModalClose = () => {
    this.props.onQueueRowModalOpenOrClose(false);

    this.setState({ isRemoveQueueItemModalOpen: false });
-  }
+  };

  onInteractiveImportPress = () => {
    this.props.onQueueRowModalOpenOrClose(true);

    this.setState({ isInteractiveImportModalOpen: true });
-  }
+  };

  onInteractiveImportModalClose = () => {
    this.props.onQueueRowModalOpenOrClose(false);

    this.setState({ isInteractiveImportModalOpen: false });
-  }
+  };

  //
  // Render
--- a/frontend/src/Activity/Queue/QueueRowConnector.js
+++ b/frontend/src/Activity/Queue/QueueRowConnector.js
@@ -37,11 +37,11 @@ class QueueRowConnector extends Component {

  onGrabPress = () => {
    this.props.grabQueueItem({ id: this.props.id });
-  }
+  };

  onRemoveQueueItemPress = (payload) => {
    this.props.removeQueueItem({ id: this.props.id, ...payload });
-  }
+  };

  //
  // Render
--- a/frontend/src/Activity/Queue/RemoveQueueItemModal.js
+++ b/frontend/src/Activity/Queue/RemoveQueueItemModal.js
@@ -34,30 +34,30 @@ class RemoveQueueItemModal extends Component {
      remove: true,
      blocklist: false
    });
-  }
+  };

  //
  // Listeners

  onRemoveChange = ({ value }) => {
    this.setState({ remove: value });
-  }
+  };

  onBlocklistChange = ({ value }) => {
    this.setState({ blocklist: value });
-  }
+  };

  onRemoveConfirmed = () => {
    const state = this.state;

    this.resetState();
    this.props.onRemovePress(state);
-  }
+  };

  onModalClose = () => {
    this.resetState();
    this.props.onModalClose();
-  }
+  };

  //
  // Render
--- a/frontend/src/Activity/Queue/RemoveQueueItemsModal.js
+++ b/frontend/src/Activity/Queue/RemoveQueueItemsModal.js
@@ -30,35 +30,35 @@ class RemoveQueueItemsModal extends Component {
  //
  // Control

-   resetState = function() {
-     this.setState({
-       remove: true,
-       blocklist: false
-     });
-   }
+  resetState = function() {
+    this.setState({
+      remove: true,
+      blocklist: false
+    });
+  };

-   //
-   // Listeners
+  //
+  // Listeners

-   onRemoveChange = ({ value }) => {
-     this.setState({ remove: value });
-   }
+  onRemoveChange = ({ value }) => {
+    this.setState({ remove: value });
+  };

  onBlocklistChange = ({ value }) => {
    this.setState({ blocklist: value });
-  }
+  };

  onRemoveConfirmed = () => {
    const state = this.state;

    this.resetState();
    this.props.onRemovePress(state);
-  }
+  };

  onModalClose = () => {
    this.resetState();
    this.props.onModalClose();
-  }
+  };

  //
  // Render
--- a/frontend/src/AddMovie/AddNewMovie/AddNewMovie.js
+++ b/frontend/src/AddMovie/AddNewMovie/AddNewMovie.js
@@ -67,12 +67,12 @@ class AddNewMovie extends Component {
        this.props.onClearMovieLookup();
      }
    });
-  }
+  };

  onClearMovieLookupPress = () => {
    this.setState({ term: '' });
    this.props.onClearMovieLookup();
-  }
+  };

  //
  // Render
@@ -161,7 +161,7 @@ class AddNewMovie extends Component {
                  {translate('YouCanAlsoSearch')}
                </div>
                <div>
-                  <Link to="https://wiki.servarr.com/radarr/faq#why-cant-i-add-a-new-movie-to-radarr">
+                  <Link to="https://wiki.servarr.com/radarr/faq#why-can-i-not-add-a-new-movie-to-radarr">
                    {translate('CantFindMovie')}
                  </Link>
                </div>
--- a/frontend/src/AddMovie/AddNewMovie/AddNewMovieConnector.js
+++ b/frontend/src/AddMovie/AddNewMovie/AddNewMovieConnector.js
@@ -79,11 +79,11 @@ class AddNewMovieConnector extends Component {
        this.props.lookupMovie({ term });
      }, 300);
    }
-  }
+  };

  onClearMovieLookup = () => {
    this.props.clearAddMovie();
-  }
+  };

  //
  // Render
--- a/frontend/src/AddMovie/AddNewMovie/AddNewMovieModalContent.js
+++ b/frontend/src/AddMovie/AddNewMovie/AddNewMovieModalContent.js
@@ -22,11 +22,11 @@ class AddNewMovieModalContent extends Component {

  onQualityProfileIdChange = ({ value }) => {
    this.props.onInputChange({ name: 'qualityProfileId', value: parseInt(value) });
-  }
+  };

  onAddMoviePress = () => {
    this.props.onAddMoviePress();
-  }
+  };

  //
  // Render
--- a/frontend/src/AddMovie/AddNewMovie/AddNewMovieModalContentConnector.js
+++ b/frontend/src/AddMovie/AddNewMovie/AddNewMovieModalContentConnector.js
@@ -51,7 +51,7 @@ class AddNewMovieModalContentConnector extends Component {

  onInputChange = ({ name, value }) => {
    this.props.setAddMovieDefault({ [name]: value });
-  }
+  };

  onAddMoviePress = () => {
    const {
@@ -73,7 +73,7 @@ class AddNewMovieModalContentConnector extends Component {
      searchForMovie: searchForMovie.value,
      tags: tags.value
    });
-  }
+  };

  //
  // Render
--- a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js
+++ b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js
@@ -39,15 +39,15 @@ class AddNewMovieSearchResult extends Component {

  onPress = () => {
    this.setState({ isNewAddMovieModalOpen: true });
-  }
+  };

  onAddMovieModalClose = () => {
    this.setState({ isNewAddMovieModalOpen: false });
-  }
+  };

  onExternalLinkPress = (event) => {
    event.stopPropagation();
-  }
+  };

  //
  // Render
@@ -86,6 +86,13 @@ class AddNewMovieSearchResult extends Component {
    } = this.state;

    const linkProps = isExistingMovie ? { to: `/movie/${titleSlug}` } : { onPress: this.onPress };
+    const posterWidth = 167;
+    const posterHeight = 250;
+
+    const elementStyle = {
+      width: `${posterWidth}px`,
+      height: `${posterHeight}px`
+    };

    return (
      <div className={styles.searchResult}>
@@ -102,6 +109,7 @@ class AddNewMovieSearchResult extends Component {
                <div className={styles.posterContainer}>
                  <MoviePoster
                    className={styles.poster}
+                    style={elementStyle}
                    images={images}
                    size={250}
                    overflow={true}
@@ -114,7 +122,7 @@ class AddNewMovieSearchResult extends Component {
                      monitored={monitored}
                      hasFile={hasFile}
                      status={status}
-                      posterWidth={167}
+                      posterWidth={posterWidth}
                      detailedProgressBar={true}
                      queueStatus={queueStatus}
                      queueState={queueState}
@@ -183,7 +191,7 @@ class AddNewMovieSearchResult extends Component {
            <div>
              <Label size={sizes.LARGE}>
                <HeartRating
-                  rating={ratings.value}
+                  ratings={ratings}
                  iconSize={13}
                />
              </Label>
--- a/frontend/src/AddMovie/ImportMovie/Import/ImportMovie.js
+++ b/frontend/src/AddMovie/ImportMovie/Import/ImportMovie.js
@@ -32,25 +32,25 @@ class ImportMovie extends Component {

  setScrollerRef = (ref) => {
    this.setState({ scroller: ref });
-  }
+  };

  //
  // Listeners

  getSelectedIds = () => {
    return getSelectedIds(this.state.selectedState, { parseIds: false });
-  }
+  };

  onSelectAllChange = ({ value }) => {
    // Only select non-dupes
    this.setState(selectAll(this.state.selectedState, value));
-  }
+  };

  onSelectedChange = ({ id, value, shiftKey = false }) => {
    this.setState((state) => {
      return toggleSelected(state, this.props.items, id, value, shiftKey);
    });
-  }
+  };

  onRemoveSelectedStateItem = (id) => {
    this.setState((state) => {
@@ -62,15 +62,15 @@ class ImportMovie extends Component {
        selectedState
      };
    });
-  }
+  };

  onInputChange = ({ name, value }) => {
    this.props.onInputChange(this.getSelectedIds(), name, value);
-  }
+  };

  onImportPress = () => {
    this.props.onImportPress(this.getSelectedIds());
-  }
+  };

  //
  // Render
--- a/frontend/src/AddMovie/ImportMovie/Import/ImportMovieConnector.js
+++ b/frontend/src/AddMovie/ImportMovie/Import/ImportMovieConnector.js
@@ -112,11 +112,11 @@ class ImportMovieConnector extends Component {
        [name]: value
      });
    });
-  }
+  };

  onImportPress = (ids) => {
    this.props.dispatchImportMovie({ ids });
-  }
+  };

  //
  // Render
--- a/frontend/src/AddMovie/ImportMovie/Import/ImportMovieFooter.js
+++ b/frontend/src/AddMovie/ImportMovie/Import/ImportMovieFooter.js
@@ -83,7 +83,7 @@ class ImportMovieFooter extends Component {
  onInputChange = ({ name, value }) => {
    this.setState({ [name]: value });
    this.props.onInputChange({ name, value });
-  }
+  };

  //
  // Render
--- a/frontend/src/AddMovie/ImportMovie/Import/ImportMovieRowConnector.js
+++ b/frontend/src/AddMovie/ImportMovie/Import/ImportMovieRowConnector.js
@@ -48,7 +48,7 @@ class ImportMovieRowConnector extends Component {
      id: this.props.id,
      [name]: value
    });
-  }
+  };

  //
  // Render
--- a/frontend/src/AddMovie/ImportMovie/Import/ImportMovieTable.js
+++ b/frontend/src/AddMovie/ImportMovie/Import/ImportMovieTable.js
@@ -121,7 +121,7 @@ class ImportMovieTable extends Component {
        />
      </VirtualTableRow>
    );
-  }
+  };

  //
  // Render
--- a/frontend/src/AddMovie/ImportMovie/Import/SelectMovie/ImportMovieSearchResult.js
+++ b/frontend/src/AddMovie/ImportMovie/Import/SelectMovie/ImportMovieSearchResult.js
@@ -11,7 +11,7 @@ class ImportMovieSearchResult extends Component {

  onPress = () => {
    this.props.onPress(this.props.tmdbId);
-  }
+  };

  //
  // Render
--- a/frontend/src/AddMovie/ImportMovie/Import/SelectMovie/ImportMovieSelectMovie.js
+++ b/frontend/src/AddMovie/ImportMovie/Import/SelectMovie/ImportMovieSelectMovie.js
@@ -69,7 +69,7 @@ class ImportMovieSelectMovie extends Component {
      this.setState({ isOpen: false });
      this._removeListener();
    }
-  }
+  };

  onPress = () => {
    if (this.state.isOpen) {
@@ -79,7 +79,7 @@ class ImportMovieSelectMovie extends Component {
    }

    this.setState({ isOpen: !this.state.isOpen });
-  }
+  };

  onSearchInputChange = ({ value }) => {
    if (this._movieLookupTimeout) {
@@ -91,17 +91,17 @@ class ImportMovieSelectMovie extends Component {
        this.props.onSearchInputChange(value);
      }, 200);
    });
-  }
+  };

  onRefreshPress = () => {
    this.props.onSearchInputChange(this.state.term);
-  }
+  };

  onMovieSelect = (tmdbId) => {
    this.setState({ isOpen: false });

    this.props.onMovieSelect(tmdbId);
-  }
+  };

  //
  // Render
--- a/frontend/src/AddMovie/ImportMovie/Import/SelectMovie/ImportMovieSelectMovieConnector.js
+++ b/frontend/src/AddMovie/ImportMovie/Import/SelectMovie/ImportMovieSelectMovieConnector.js
@@ -36,7 +36,7 @@ class ImportMovieSelectMovieConnector extends Component {
      term,
      topOfQueue: true
    });
-  }
+  };

  onMovieSelect = (tmdbId) => {
    const {
@@ -48,7 +48,7 @@ class ImportMovieSelectMovieConnector extends Component {
      id,
      selectedMovie: _.find(items, { tmdbId })
    });
-  }
+  };

  //
  // Render
--- a/frontend/src/AddMovie/ImportMovie/SelectFolder/ImportMovieRootFolderRowConnector.js
+++ b/frontend/src/AddMovie/ImportMovie/SelectFolder/ImportMovieRootFolderRowConnector.js
@@ -25,7 +25,7 @@ class ImportMovieRootFolderRowConnector extends Component {

  onDeletePress = () => {
    this.props.deleteRootFolder({ id: this.props.id });
-  }
+  };

  //
  // Render
--- a/frontend/src/AddMovie/ImportMovie/SelectFolder/ImportMovieSelectFolder.js
+++ b/frontend/src/AddMovie/ImportMovie/SelectFolder/ImportMovieSelectFolder.js
@@ -55,15 +55,15 @@ class ImportMovieSelectFolder extends Component {

  onAddNewRootFolderPress = () => {
    this.setState({ isAddNewRootFolderModalOpen: true });
-  }
+  };

  onNewRootFolderSelect = ({ value }) => {
    this.props.onNewRootFolderSelect(value);
-  }
+  };

  onAddRootFolderModalClose = () => {
    this.setState({ isAddNewRootFolderModalOpen: false });
-  }
+  };

  //
  // Render
--- a/frontend/src/AddMovie/ImportMovie/SelectFolder/ImportMovieSelectFolderConnector.js
+++ b/frontend/src/AddMovie/ImportMovie/SelectFolder/ImportMovieSelectFolderConnector.js
@@ -58,11 +58,11 @@ class ImportMovieSelectFolderConnector extends Component {

  onNewRootFolderSelect = (path) => {
    this.props.addRootFolder({ path });
-  }
+  };

  onDeleteRootFolderPress = (id) => {
    this.props.deleteRootFolder({ id });
-  }
+  };

  //
  // Render
--- a/frontend/src/Calendar/Agenda/AgendaEvent.js
+++ b/frontend/src/Calendar/Agenda/AgendaEvent.js
@@ -27,11 +27,11 @@ class AgendaEvent extends Component {

  onPress = () => {
    this.setState({ isDetailsModalOpen: true });
-  }
+  };

  onDetailsModalClose = () => {
    this.setState({ isDetailsModalOpen: false });
-  }
+  };

  //
  // Render
--- a/frontend/src/Calendar/CalendarConnector.js
+++ b/frontend/src/Calendar/CalendarConnector.js
@@ -119,43 +119,43 @@ class CalendarConnector extends Component {

    this.props.fetchQueueDetails({ time, view });
    this.props.fetchCalendar({ time, view });
-  }
+  };

  scheduleUpdate = () => {
    this.clearUpdateTimeout();

    this.updateTimeoutId = setTimeout(this.updateCalendar, UPDATE_DELAY);
-  }
+  };

  clearUpdateTimeout = () => {
    if (this.updateTimeoutId) {
      clearTimeout(this.updateTimeoutId);
    }
-  }
+  };

  updateCalendar = () => {
    this.props.gotoCalendarToday();
    this.scheduleUpdate();
-  }
+  };

  //
  // Listeners

  onCalendarViewChange = (view) => {
    this.props.setCalendarView({ view });
-  }
+  };

  onTodayPress = () => {
    this.props.gotoCalendarToday();
-  }
+  };

  onPreviousPress = () => {
    this.props.gotoCalendarPreviousRange();
-  }
+  };

  onNextPress = () => {
    this.props.gotoCalendarNextRange();
-  }
+  };

  //
  // Render
--- a/frontend/src/Calendar/CalendarPage.js
+++ b/frontend/src/Calendar/CalendarPage.js
@@ -44,23 +44,23 @@ class CalendarPage extends Component {
    const days = Math.max(3, Math.min(7, Math.floor(width / MINIMUM_DAY_WIDTH)));

    this.props.onDaysCountChange(days);
-  }
+  };

  onGetCalendarLinkPress = () => {
    this.setState({ isCalendarLinkModalOpen: true });
-  }
+  };

  onGetCalendarLinkModalClose = () => {
    this.setState({ isCalendarLinkModalOpen: false });
-  }
+  };

  onOptionsPress = () => {
    this.setState({ isOptionsModalOpen: true });
-  }
+  };

  onOptionsModalClose = () => {
    this.setState({ isOptionsModalOpen: false });
-  }
+  };

  onSearchMissingPress = () => {
    const {
@@ -69,7 +69,7 @@ class CalendarPage extends Component {
    } = this.props;

    onSearchMissingPress(missingMovieIds);
-  }
+  };

  //
  // Render
--- a/frontend/src/Calendar/Day/CalendarDays.js
+++ b/frontend/src/Calendar/Day/CalendarDays.js
@@ -60,20 +60,20 @@ class CalendarDays extends Component {
    this.setState({ todaysDate: todaysDate.toISOString() });

    this.updateTimeoutId = setTimeout(this.scheduleUpdate, diff);
-  }
+  };

  clearUpdateTimeout = () => {
    if (this.updateTimeoutId) {
      clearTimeout(this.updateTimeoutId);
    }
-  }
+  };

  //
  // Listeners

  onEventModalOpenToggle = (isEventModalOpen) => {
    this.setState({ isEventModalOpen });
-  }
+  };

  onTouchStart = (event) => {
    const touches = event.touches;
@@ -92,7 +92,7 @@ class CalendarDays extends Component {
    }

    this._touchStart = touchStart;
-  }
+  };

  onTouchEnd = (event) => {
    const touches = event.changedTouches;
@@ -109,17 +109,17 @@ class CalendarDays extends Component {
    }

    this._touchStart = null;
-  }
+  };

  onTouchCancel = (event) => {
    this._touchStart = null;
-  }
+  };

  onTouchMove = (event) => {
    if (!this._touchStart) {
      return;
    }
-  }
+  };

  //
  // Render
--- a/frontend/src/Calendar/Day/DaysOfWeek.js
+++ b/frontend/src/Calendar/Day/DaysOfWeek.js
@@ -47,13 +47,13 @@ class DaysOfWeek extends Component {
    });

    this.updateTimeoutId = setTimeout(this.scheduleUpdate, diff);
-  }
+  };

  clearUpdateTimeout = () => {
    if (this.updateTimeoutId) {
      clearTimeout(this.updateTimeoutId);
    }
-  }
+  };

  //
  // Render
--- a/frontend/src/Calendar/Events/CalendarEvent.js
+++ b/frontend/src/Calendar/Events/CalendarEvent.js
@@ -43,15 +43,15 @@ class CalendarEvent extends Component {
    const link = `/movie/${titleSlug}`;
    const eventType = [];

-    if (moment(date).isSame(moment(inCinemas), 'day')) {
+    if (inCinemas && moment(date).isSame(moment(inCinemas), 'day')) {
      eventType.push('Cinemas');
    }

-    if (moment(date).isSame(moment(physicalRelease), 'day')) {
+    if (physicalRelease && moment(date).isSame(moment(physicalRelease), 'day')) {
      eventType.push('Physical');
    }

-    if (moment(date).isSame(moment(digitalRelease), 'day')) {
+    if (digitalRelease && moment(date).isSame(moment(digitalRelease), 'day')) {
      eventType.push('Digital');
    }

--- a/frontend/src/Calendar/Header/CalendarHeader.js
+++ b/frontend/src/Calendar/Header/CalendarHeader.js
@@ -71,7 +71,7 @@ class CalendarHeader extends Component {
    this.setState({ view }, () => {
      this.props.onViewChange(view);
    });
-  }
+  };

  //
  // Render
--- a/frontend/src/Calendar/Header/CalendarHeaderConnector.js
+++ b/frontend/src/Calendar/Header/CalendarHeaderConnector.js
@@ -41,19 +41,19 @@ class CalendarHeaderConnector extends Component {

  onViewChange = (view) => {
    this.props.setCalendarView({ view });
-  }
+  };

  onTodayPress = () => {
    this.props.gotoCalendarToday();
-  }
+  };

  onPreviousPress = () => {
    this.props.gotoCalendarPreviousRange();
-  }
+  };

  onNextPress = () => {
    this.props.gotoCalendarNextRange();
-  }
+  };

  //
  // Render
--- a/frontend/src/Calendar/Header/CalendarHeaderViewButton.js
+++ b/frontend/src/Calendar/Header/CalendarHeaderViewButton.js
@@ -12,7 +12,7 @@ class CalendarHeaderViewButton extends Component {

  onPress = () => {
    this.props.onPress(this.props.view);
-  }
+  };

  //
  // Render
--- a/frontend/src/Calendar/Options/CalendarOptionsModalContent.js
+++ b/frontend/src/Calendar/Options/CalendarOptionsModalContent.js
@@ -69,7 +69,7 @@ class CalendarOptionsModalContent extends Component {
    } = this.props;

    dispatchSetCalendarOption({ [name]: value });
-  }
+  };

  onGlobalInputChange = ({ name, value }) => {
    const {
@@ -81,11 +81,11 @@ class CalendarOptionsModalContent extends Component {
    this.setState(setting, () => {
      dispatchSaveUISettings(setting);
    });
-  }
+  };

  onLinkFocus = (event) => {
    event.target.select();
-  }
+  };

  //
  // Render
--- a/frontend/src/Calendar/iCal/CalendarLinkModalContent.js
+++ b/frontend/src/Calendar/iCal/CalendarLinkModalContent.js
@@ -84,11 +84,11 @@ class CalendarLinkModalContent extends Component {
      [name]: value,
      ...urls
    });
-  }
+  };

  onLinkFocus = (event) => {
    event.target.select();
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/FileBrowser/FileBrowserModalContent.js
+++ b/frontend/src/Components/FileBrowser/FileBrowserModalContent.js
@@ -70,18 +70,18 @@ class FileBrowserModalContent extends Component {
    } else {
      this._scrollerNode = null;
    }
-  }
+  };

  //
  // Listeners

  onPathInputChange = ({ value }) => {
    this.setState({ currentPath: value });
-  }
+  };

  onRowPress = (path) => {
    this.props.onFetchPaths(path);
-  }
+  };

  onOkPress = () => {
    this.props.onChange({
@@ -91,7 +91,7 @@ class FileBrowserModalContent extends Component {

    this.props.onClearPaths();
    this.props.onModalClose();
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/FileBrowser/FileBrowserModalContentConnector.js
+++ b/frontend/src/Components/FileBrowser/FileBrowserModalContentConnector.js
@@ -78,16 +78,16 @@ class FileBrowserModalContentConnector extends Component {
      allowFoldersWithoutTrailingSlashes: true,
      includeFiles
    });
-  }
+  };

  onClearPaths = () => {
    // this.props.dispatchClearPaths();
-  }
+  };

  onModalClose = () => {
    this.props.dispatchClearPaths();
    this.props.onModalClose();
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/FileBrowser/FileBrowserRow.js
+++ b/frontend/src/Components/FileBrowser/FileBrowserRow.js
@@ -28,7 +28,7 @@ class FileBrowserRow extends Component {

  onPress = () => {
    this.props.onPress(this.props.path);
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Filter/Builder/DateFilterBuilderRowValue.js
+++ b/frontend/src/Components/Filter/Builder/DateFilterBuilderRowValue.js
@@ -103,7 +103,7 @@ class DateFilterBuilderRowValue extends Component {
      name: NAME,
      value: newValue
    });
-  }
+  };

  onTimeChange = ({ value }) => {
    const {
@@ -118,7 +118,7 @@ class DateFilterBuilderRowValue extends Component {
        value: filterValue.value
      }
    });
-  }
+  };

  //
  // Render
@@ -161,6 +161,7 @@ class DateFilterBuilderRowValue extends Component {
      <TextInput
        name={NAME}
        value={filterValue}
+        type="date"
        placeholder="yyyy-mm-dd"
        onChange={this.onValueChange}
      />
--- a/frontend/src/Components/Filter/Builder/FilterBuilderModalContent.js
+++ b/frontend/src/Components/Filter/Builder/FilterBuilderModalContent.js
@@ -63,7 +63,7 @@ class FilterBuilderModalContent extends Component {

  onLabelChange = ({ value }) => {
    this.setState({ label: value });
-  }
+  };

  onFilterChange = (index, filter) => {
    const filters = [...this.state.filters];
@@ -72,7 +72,7 @@ class FilterBuilderModalContent extends Component {
    this.setState({
      filters
    });
-  }
+  };

  onAddFilterPress = () => {
    const filters = [...this.state.filters];
@@ -81,7 +81,7 @@ class FilterBuilderModalContent extends Component {
    this.setState({
      filters
    });
-  }
+  };

  onRemoveFilterPress = (index) => {
    const filters = [...this.state.filters];
@@ -90,7 +90,7 @@ class FilterBuilderModalContent extends Component {
    this.setState({
      filters
    });
-  }
+  };

  onSaveFilterPress = () => {
    const {
@@ -122,7 +122,7 @@ class FilterBuilderModalContent extends Component {
      label,
      filters
    });
-  }
+  };

  //
  // Render
@@ -166,7 +166,9 @@ class FilterBuilderModalContent extends Component {
            </div>
          </div>

-          <div className={styles.label}>Filters</div>
+          <div className={styles.label}>
+            {translate('Filters')}
+          </div>

          <div className={styles.rows}>
            {
--- a/frontend/src/Components/Filter/Builder/FilterBuilderRow.js
+++ b/frontend/src/Components/Filter/Builder/FilterBuilderRow.js
@@ -154,7 +154,7 @@ class FilterBuilderRow extends Component {

    this.selectedFilterBuilderProp = selectedFilterBuilderProp;
    onFilterChange(index, filter);
-  }
+  };

  onFilterChange = ({ name, value }) => {
    const {
@@ -174,7 +174,7 @@ class FilterBuilderRow extends Component {
    filter[name] = value;

    onFilterChange(index, filter);
-  }
+  };

  onAddPress = () => {
    const {
@@ -183,7 +183,7 @@ class FilterBuilderRow extends Component {
    } = this.props;

    onAddPress(index);
-  }
+  };

  onRemovePress = () => {
    const {
@@ -192,7 +192,7 @@ class FilterBuilderRow extends Component {
    } = this.props;

    onRemovePress(index);
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Filter/Builder/FilterBuilderRowValue.js
+++ b/frontend/src/Components/Filter/Builder/FilterBuilderRowValue.js
@@ -84,7 +84,7 @@ class FilterBuilderRowValue extends Component {
      name: NAME,
      value: [...filterValue, value]
    });
-  }
+  };

  onTagDelete = ({ index }) => {
    const {
@@ -98,7 +98,7 @@ class FilterBuilderRowValue extends Component {
      name: NAME,
      value
    });
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Filter/Builder/IndexerFilterBuilderRowValueConnector.js
+++ b/frontend/src/Components/Filter/Builder/IndexerFilterBuilderRowValueConnector.js
@@ -47,7 +47,7 @@ class IndexerFilterBuilderRowValueConnector extends Component {
    if (!this.props.isPopulated) {
      this.props.dispatchFetchIndexers();
    }
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Filter/Builder/QualityFilterBuilderRowValueConnector.js
+++ b/frontend/src/Components/Filter/Builder/QualityFilterBuilderRowValueConnector.js
@@ -43,7 +43,7 @@ class QualityFilterBuilderRowValueConnector extends Component {
    if (!this.props.isPopulated) {
      this.props.dispatchFetchQualityProfileSchema();
    }
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Filter/CustomFilters/CustomFilter.js
+++ b/frontend/src/Components/Filter/CustomFilters/CustomFilter.js
@@ -55,7 +55,7 @@ class CustomFilter extends Component {
    } = this.props;

    onEditPress(id);
-  }
+  };

  onRemovePress = () => {
    const {
@@ -67,7 +67,7 @@ class CustomFilter extends Component {
      dispatchDeleteCustomFilter({ id });
    });

-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Filter/FilterModal.js
+++ b/frontend/src/Components/Filter/FilterModal.js
@@ -25,14 +25,14 @@ class FilterModal extends Component {
    this.setState({
      filterBuilder: true
    });
-  }
+  };

  onEditCustomFilter = (id) => {
    this.setState({
      filterBuilder: true,
      id
    });
-  }
+  };

  onCancelPress = () => {
    if (this.state.filterBuilder) {
@@ -43,7 +43,7 @@ class FilterModal extends Component {
    } else {
      this.onModalClose();
    }
-  }
+  };

  onModalClose = () => {
    this.setState({
@@ -52,7 +52,7 @@ class FilterModal extends Component {
    }, () => {
      this.props.onModalClose();
    });
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Form/AutoCompleteInput.js
+++ b/frontend/src/Components/Form/AutoCompleteInput.js
@@ -35,11 +35,11 @@ class AutoCompleteInput extends Component {
      name: this.props.name,
      value: newValue
    });
-  }
+  };

  onInputBlur = () => {
    this.setState({ suggestions: [] });
-  }
+  };

  onSuggestionsFetchRequested = ({ value }) => {
    const { values } = this.props;
@@ -50,11 +50,11 @@ class AutoCompleteInput extends Component {
    });

    this.setState({ suggestions: filteredValues });
-  }
+  };

  onSuggestionsClearRequested = () => {
    this.setState({ suggestions: [] });
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Form/AutoSuggestInput.js
+++ b/frontend/src/Components/Form/AutoSuggestInput.js
@@ -49,7 +49,7 @@ class AutoSuggestInput extends Component {
        }}
      </Reference>
    );
-  }
+  };

  renderSuggestionsContainer = ({ containerProps, children }) => {
    return (
@@ -90,7 +90,7 @@ class AutoSuggestInput extends Component {
        </Popper>
      </Portal>
    );
-  }
+  };

  //
  // Listeners
@@ -113,14 +113,14 @@ class AutoSuggestInput extends Component {
    data.styles.width = width;

    return data;
-  }
+  };

  onInputChange = (event, { newValue }) => {
    this.props.onChange({
      name: this.props.name,
      value: newValue
    });
-  }
+  };

  onInputKeyDown = (event) => {
    const {
@@ -144,7 +144,7 @@ class AutoSuggestInput extends Component {
        });
      }
    }
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Form/AvailabilitySelectInput.js
+++ b/frontend/src/Components/Form/AvailabilitySelectInput.js
@@ -6,8 +6,7 @@ import SelectInput from './SelectInput';
 const availabilityOptions = [
  { key: 'announced', value: translate('Announced') },
  { key: 'inCinemas', value: translate('InCinemas') },
-  { key: 'released', value: translate('Released') },
-  { key: 'preDB', value: translate('PreDB') }
+  { key: 'released', value: translate('Released') }
 ];

 function AvailabilitySelectInput(props) {
--- a/frontend/src/Components/Form/CaptchaInputConnector.js
+++ b/frontend/src/Components/Form/CaptchaInputConnector.js
@@ -39,7 +39,7 @@ class CaptchaInputConnector extends Component {

  componentWillUnmount = () => {
    this.props.resetCaptcha();
-  }
+  };

  //
  // Listeners
@@ -51,7 +51,7 @@ class CaptchaInputConnector extends Component {
    } = this.props;

    this.props.refreshCaptcha({ provider, providerData });
-  }
+  };

  onCaptchaChange = (captchaResponse) => {
    // If the captcha has expired `captchaResponse` will be null.
@@ -68,7 +68,7 @@ class CaptchaInputConnector extends Component {
    } = this.props;

    this.props.getCaptchaCookie({ provider, providerData, captchaResponse });
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Form/CheckInput.js
+++ b/frontend/src/Components/Form/CheckInput.js
@@ -59,14 +59,14 @@ class CheckInput extends Component {
        shiftKey
      });
    }
-  }
+  };

  //
  // Listeners

  setRef = (ref) => {
    this._checkbox = ref;
-  }
+  };

  onClick = (event) => {
    if (this.props.isDisabled) {
@@ -78,14 +78,14 @@ class CheckInput extends Component {

    event.preventDefault();
    this.toggleChecked(checked, shiftKey);
-  }
+  };

  onChange = (event) => {
    const checked = event.target.checked;
    const shiftKey = event.nativeEvent.shiftKey;

    this.toggleChecked(checked, shiftKey);
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Form/DeviceInput.js
+++ b/frontend/src/Components/Form/DeviceInput.js
@@ -23,7 +23,7 @@ class DeviceInput extends Component {
      name,
      value: [...value, deviceId]
    });
-  }
+  };

  onTagDelete = ({ index }) => {
    const {
@@ -39,7 +39,7 @@ class DeviceInput extends Component {
      name,
      value: newValue
    });
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Form/DeviceInputConnector.js
+++ b/frontend/src/Components/Form/DeviceInputConnector.js
@@ -48,11 +48,11 @@ class DeviceInputConnector extends Component {

  componentDidMount = () => {
    this._populate();
-  }
+  };

  componentWillUnmount = () => {
    this.props.dispatchClearOptions({ section: 'devices' });
-  }
+  };

  //
  // Control
@@ -77,7 +77,7 @@ class DeviceInputConnector extends Component {

  onRefreshPress = () => {
    this._populate();
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Form/DownloadClientSelectInputConnector.js
+++ b/frontend/src/Components/Form/DownloadClientSelectInputConnector.js
@@ -0,0 +1,100 @@
+import _ from 'lodash';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+import { createSelector } from 'reselect';
+import { fetchDownloadClients } from 'Store/Actions/settingsActions';
+import sortByName from 'Utilities/Array/sortByName';
+import EnhancedSelectInput from './EnhancedSelectInput';
+
+function createMapStateToProps() {
+  return createSelector(
+    (state) => state.settings.downloadClients,
+    (state, { includeAny }) => includeAny,
+    (state, { protocol }) => protocol,
+    (downloadClients, includeAny, protocolFilter) => {
+      const {
+        isFetching,
+        isPopulated,
+        error,
+        items
+      } = downloadClients;
+
+      const filteredItems = items.filter((item) => item.protocol === protocolFilter);
+
+      const values = _.map(filteredItems.sort(sortByName), (downloadClient) => {
+        return {
+          key: downloadClient.id,
+          value: downloadClient.name
+        };
+      });
+
+      if (includeAny) {
+        values.unshift({
+          key: 0,
+          value: '(Any)'
+        });
+      }
+
+      return {
+        isFetching,
+        isPopulated,
+        error,
+        values
+      };
+    }
+  );
+}
+
+const mapDispatchToProps = {
+  dispatchFetchDownloadClients: fetchDownloadClients
+};
+
+class DownloadClientSelectInputConnector extends Component {
+
+  //
+  // Lifecycle
+
+  componentDidMount() {
+    if (!this.props.isPopulated) {
+      this.props.dispatchFetchDownloadClients();
+    }
+  }
+
+  //
+  // Listeners
+
+  onChange = ({ name, value }) => {
+    this.props.onChange({ name, value: parseInt(value) });
+  };
+
+  //
+  // Render
+
+  render() {
+    return (
+      <EnhancedSelectInput
+        {...this.props}
+        onChange={this.onChange}
+      />
+    );
+  }
+}
+
+DownloadClientSelectInputConnector.propTypes = {
+  isFetching: PropTypes.bool.isRequired,
+  isPopulated: PropTypes.bool.isRequired,
+  name: PropTypes.string.isRequired,
+  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+  values: PropTypes.arrayOf(PropTypes.object).isRequired,
+  includeAny: PropTypes.bool.isRequired,
+  onChange: PropTypes.func.isRequired,
+  dispatchFetchDownloadClients: PropTypes.func.isRequired
+};
+
+DownloadClientSelectInputConnector.defaultProps = {
+  includeAny: false,
+  protocol: 'torrent'
+};
+
+export default connect(createMapStateToProps, mapDispatchToProps)(DownloadClientSelectInputConnector);
--- a/frontend/src/Components/Form/EnhancedSelectInput.js
+++ b/frontend/src/Components/Form/EnhancedSelectInput.js
@@ -12,9 +12,9 @@ import ModalBody from 'Components/Modal/ModalBody';
 import Portal from 'Components/Portal';
 import Scroller from 'Components/Scroller/Scroller';
 import { icons, scrollDirections, sizes } from 'Helpers/Props';
+import { isMobile as isMobileUtil } from 'Utilities/browser';
 import * as keyCodes from 'Utilities/Constants/keyCodes';
 import getUniqueElememtId from 'Utilities/getUniqueElementId';
-import { isMobile as isMobileUtil } from 'Utilities/mobile';
 import HintedSelectInputOption from './HintedSelectInputOption';
 import HintedSelectInputSelectedValue from './HintedSelectInputSelectedValue';
 import TextInput from './TextInput';
@@ -149,7 +149,7 @@ class EnhancedSelectInput extends Component {
    }

    return data;
-  }
+  };

  onWindowClick = (event) => {
    const button = document.getElementById(this._buttonId);
@@ -168,14 +168,14 @@ class EnhancedSelectInput extends Component {
      this.setState({ isOpen: false });
      this._removeListener();
    }
-  }
+  };

  onFocus = () => {
    if (this.state.isOpen) {
      this._removeListener();
      this.setState({ isOpen: false });
    }
-  }
+  };

  onBlur = () => {
    if (!this.props.isEditable) {
@@ -186,7 +186,7 @@ class EnhancedSelectInput extends Component {
        this.setState({ selectedIndex: origIndex });
      }
    }
-  }
+  };

  onKeyDown = (event) => {
    const {
@@ -253,7 +253,7 @@ class EnhancedSelectInput extends Component {
    if (!_.isEmpty(newState)) {
      this.setState(newState);
    }
-  }
+  };

  onPress = () => {
    if (this.state.isOpen) {
@@ -267,7 +267,7 @@ class EnhancedSelectInput extends Component {
    }

    this.setState({ isOpen: !this.state.isOpen });
-  }
+  };

  onSelect = (value) => {
    if (Array.isArray(this.props.value)) {
@@ -291,15 +291,15 @@ class EnhancedSelectInput extends Component {
        value
      });
    }
-  }
+  };

  onMeasure = ({ width }) => {
    this.setState({ width });
-  }
+  };

  onOptionsModalClose = () => {
    this.setState({ isOpen: false });
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Form/EnhancedSelectInputConnector.js
+++ b/frontend/src/Components/Form/EnhancedSelectInputConnector.js
@@ -73,7 +73,7 @@ class EnhancedSelectInputConnector extends Component {

  componentDidMount = () => {
    this._populate();
-  }
+  };

  componentDidUpdate = (prevProps) => {
    const prevKey = getProviderDataKey(prevProps.providerData);
@@ -82,11 +82,11 @@ class EnhancedSelectInputConnector extends Component {
    if (!_.isEqual(prevKey, nextKey)) {
      this.setState({ refetchRequired: true });
    }
-  }
+  };

  componentWillUnmount = () => {
    this._cleanup();
-  }
+  };

  //
  // Listeners
@@ -95,7 +95,7 @@ class EnhancedSelectInputConnector extends Component {
    if (this.state.refetchRequired) {
      this._populate();
    }
-  }
+  };

  //
  // Control
--- a/frontend/src/Components/Form/EnhancedSelectInputOption.js
+++ b/frontend/src/Components/Form/EnhancedSelectInputOption.js
@@ -21,11 +21,11 @@ class EnhancedSelectInputOption extends Component {
    } = this.props;

    onSelect(id);
-  }
+  };

  onCheckPress = () => {
    // CheckInput requires a handler. Swallow the change event because onPress will already handle it via event propagation.
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Form/FormInputGroup.js
+++ b/frontend/src/Components/Form/FormInputGroup.js
@@ -8,6 +8,7 @@ import AvailabilitySelectInput from './AvailabilitySelectInput';
 import CaptchaInputConnector from './CaptchaInputConnector';
 import CheckInput from './CheckInput';
 import DeviceInputConnector from './DeviceInputConnector';
+import DownloadClientSelectInputConnector from './DownloadClientSelectInputConnector';
 import EnhancedSelectInput from './EnhancedSelectInput';
 import EnhancedSelectInputConnector from './EnhancedSelectInputConnector';
 import FormInputHelpText from './FormInputHelpText';
@@ -73,6 +74,9 @@ function getComponent(type) {
    case inputTypes.INDEXER_FLAGS_SELECT:
      return IndexerFlagsSelectInputConnector;

+    case inputTypes.DOWNLOAD_CLIENT_SELECT:
+      return DownloadClientSelectInputConnector;
+
    case inputTypes.LANGUAGE_SELECT:
      return LanguageSelectInputConnector;

--- a/frontend/src/Components/Form/IndexerFlagsSelectInputConnector.js
+++ b/frontend/src/Components/Form/IndexerFlagsSelectInputConnector.js
@@ -43,7 +43,7 @@ class IndexerFlagsSelectInputConnector extends Component {
    });

    this.props.onChange({ name, value: indexerFlags });
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Form/KeyValueListInput.js
+++ b/frontend/src/Components/Form/KeyValueListInput.js
@@ -39,7 +39,7 @@ class KeyValueListInput extends Component {
      name,
      value: newValue
    });
-  }
+  };

  onRemoveItem = (index) => {
    const {
@@ -55,13 +55,13 @@ class KeyValueListInput extends Component {
      name,
      value: newValue
    });
-  }
+  };

  onFocus = () => {
    this.setState({
      isFocused: true
    });
-  }
+  };

  onBlur = () => {
    this.setState({
@@ -88,7 +88,7 @@ class KeyValueListInput extends Component {
        value: newValue
      });
    }
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Form/KeyValueListInputItem.js
+++ b/frontend/src/Components/Form/KeyValueListInputItem.js
@@ -18,7 +18,7 @@ class KeyValueListInputItem extends Component {
    } = this.props;

    onChange(index, { key: keyValue, value });
-  }
+  };

  onValueChange = ({ value }) => {
    // TODO: Validate here or validate at a lower level component
@@ -30,7 +30,7 @@ class KeyValueListInputItem extends Component {
    } = this.props;

    onChange(index, { key: keyValue, value });
-  }
+  };

  onRemovePress = () => {
    const {
@@ -39,15 +39,15 @@ class KeyValueListInputItem extends Component {
    } = this.props;

    onRemove(index);
-  }
+  };

  onFocus = () => {
    this.props.onFocus();
-  }
+  };

  onBlur = () => {
    this.props.onBlur();
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Form/NumberInput.js
+++ b/frontend/src/Components/Form/NumberInput.js
@@ -59,11 +59,11 @@ class NumberInput extends Component {
      value: parseValue(this.props, value)
    });

-  }
+  };

  onFocus = () => {
    this.setState({ isFocused: true });
-  }
+  };

  onBlur = () => {
    const {
@@ -88,7 +88,7 @@ class NumberInput extends Component {
      name,
      value: parsedValue
    });
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Form/OAuthInputConnector.js
+++ b/frontend/src/Components/Form/OAuthInputConnector.js
@@ -41,7 +41,7 @@ class OAuthInputConnector extends Component {

  componentWillUnmount = () => {
    this.props.resetOAuth();
-  }
+  };

  //
  // Listeners
@@ -60,7 +60,7 @@ class OAuthInputConnector extends Component {
      providerData,
      section
    });
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Form/PathInput.js
+++ b/frontend/src/Components/Form/PathInput.js
@@ -62,7 +62,7 @@ class PathInput extends Component {

  onInputChange = ({ value }) => {
    this.setState({ value });
-  }
+  };

  onInputKeyDown = (event) => {
    if (event.key === 'Tab') {
@@ -80,7 +80,7 @@ class PathInput extends Component {
        }
      }
    }
-  }
+  };

  onInputBlur = () => {
    this.props.onChange({
@@ -89,28 +89,28 @@ class PathInput extends Component {
    });

    this.props.onClearPaths();
-  }
+  };

  onSuggestionsFetchRequested = ({ value }) => {
    this.props.onFetchPaths(value);
-  }
+  };

  onSuggestionsClearRequested = () => {
    // Required because props aren't always rendered, but no-op
    // because we don't want to reset the paths after a path is selected.
-  }
+  };

  onSuggestionSelected = (event, { suggestionValue }) => {
    this.props.onFetchPaths(suggestionValue);
-  }
+  };

  onFileBrowserOpenPress = () => {
    this.setState({ isFileBrowserModalOpen: true });
-  }
+  };

  onFileBrowserModalClose = () => {
    this.setState({ isFileBrowserModalOpen: false });
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Form/PathInputConnector.js
+++ b/frontend/src/Components/Form/PathInputConnector.js
@@ -47,11 +47,11 @@ class PathInputConnector extends Component {
      path,
      includeFiles
    });
-  }
+  };

  onClearPaths = () => {
    this.props.dispatchClearPaths();
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Form/QualityProfileSelectInputConnector.js
+++ b/frontend/src/Components/Form/QualityProfileSelectInputConnector.js
@@ -69,7 +69,7 @@ class QualityProfileSelectInputConnector extends Component {

  onChange = ({ name, value }) => {
    this.props.onChange({ name, value: parseInt(value) });
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Form/RootFolderSelectInput.js
+++ b/frontend/src/Components/Form/RootFolderSelectInput.js
@@ -49,17 +49,17 @@ class RootFolderSelectInput extends Component {
    } else {
      this.props.onChange({ name, value });
    }
-  }
+  };

  onNewRootFolderSelect = ({ value }) => {
    this.setState({ newRootFolderPath: value }, () => {
      this.props.onNewRootFolderSelect(value);
    });
-  }
+  };

  onAddRootFolderModalClose = () => {
    this.setState({ isAddNewRootFolderModalOpen: false });
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Form/RootFolderSelectInputConnector.js
+++ b/frontend/src/Components/Form/RootFolderSelectInputConnector.js
@@ -134,7 +134,7 @@ class RootFolderSelectInputConnector extends Component {

  onNewRootFolderSelect = (path) => {
    this.props.dispatchAddRootFolder(path);
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Form/SelectInput.js
+++ b/frontend/src/Components/Form/SelectInput.js
@@ -13,7 +13,7 @@ class SelectInput extends Component {
      name: this.props.name,
      value: event.target.value
    });
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Form/TagInput.js
+++ b/frontend/src/Components/Form/TagInput.js
@@ -49,7 +49,7 @@ class TagInput extends Component {

  _setAutosuggestRef = (ref) => {
    this._autosuggestRef = ref;
-  }
+  };

  getSuggestionValue({ name }) {
    return name;
@@ -57,7 +57,7 @@ class TagInput extends Component {

  shouldRenderSuggestions = (value) => {
    return value.length >= this.props.minQueryLength;
-  }
+  };

  renderSuggestion({ name }) {
    return name;
@@ -70,14 +70,14 @@ class TagInput extends Component {
      value: '',
      suggestions: []
    });
-  }, 250, { leading: true, trailing: false })
+  }, 250, { leading: true, trailing: false });

  //
  // Listeners

  onInputContainerPress = () => {
    this._autosuggestRef.input.focus();
-  }
+  };

  onInputChange = (event, { newValue, method }) => {
    const value = _.isObject(newValue) ? newValue.name : newValue;
@@ -85,7 +85,7 @@ class TagInput extends Component {
    if (method === 'type') {
      this.setState({ value });
    }
-  }
+  };

  onInputKeyDown = (event) => {
    const {
@@ -125,11 +125,11 @@ class TagInput extends Component {
        event.preventDefault();
      }
    }
-  }
+  };

  onInputFocus = () => {
    this.setState({ isFocused: true });
-  }
+  };

  onInputBlur = () => {
    this.setState({ isFocused: false });
@@ -153,7 +153,7 @@ class TagInput extends Component {
    if (tag) {
      this.addTag(tag);
    }
-  }
+  };

  onSuggestionsFetchRequested = ({ value }) => {
    const lowerCaseValue = value.toLowerCase();
@@ -170,16 +170,16 @@ class TagInput extends Component {
    });

    this.setState({ suggestions });
-  }
+  };

  onSuggestionsClearRequested = () => {
    // Required because props aren't always rendered, but no-op
    // because we don't want to reset the paths after a path is selected.
-  }
+  };

  onSuggestionSelected = (event, { suggestion }) => {
    this.addTag(suggestion);
-  }
+  };

  //
  // Render
@@ -204,7 +204,7 @@ class TagInput extends Component {
        onInputContainerPress={this.onInputContainerPress}
      />
    );
-  }
+  };

  render() {
    const {
--- a/frontend/src/Components/Form/TagInputConnector.js
+++ b/frontend/src/Components/Form/TagInputConnector.js
@@ -101,7 +101,7 @@ class TagInputConnector extends Component {
    newValue.push(tag.id);

    this.props.onChange({ name, value: newValue });
-  }
+  };

  onTagDelete = ({ index }) => {
    const {
@@ -116,7 +116,7 @@ class TagInputConnector extends Component {
      name,
      value: newValue
    });
-  }
+  };

  onTagCreated = (tag) => {
    const {
@@ -128,7 +128,7 @@ class TagInputConnector extends Component {
    newValue.push(tag.id);

    this.props.onChange({ name, value: newValue });
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Form/TagInputInput.js
+++ b/frontend/src/Components/Form/TagInputInput.js
@@ -19,7 +19,7 @@ class TagInputInput extends Component {
    }

    onInputContainerPress();
-  }
+  };

  render() {
    const {
--- a/frontend/src/Components/Form/TagInputTag.js
+++ b/frontend/src/Components/Form/TagInputTag.js
@@ -22,7 +22,7 @@ class TagInputTag extends Component {
      index,
      id: tag.id
    });
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Form/TagSelectInputConnector.js
+++ b/frontend/src/Components/Form/TagSelectInputConnector.js
@@ -60,7 +60,7 @@ class TagSelectInputConnector extends Component {
    }

    this.props.onChange({ name, value: newValue });
-  }
+  };

  onTagDelete = ({ index }) => {
    const {
@@ -75,7 +75,7 @@ class TagSelectInputConnector extends Component {
      name,
      value: newValue
    });
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Form/TextArea.js
+++ b/frontend/src/Components/Form/TextArea.js
@@ -35,7 +35,7 @@ class TextArea extends Component {

  setInputRef = (ref) => {
    this._input = ref;
-  }
+  };

  selectionChange() {
    if (this._selectionTimeout) {
@@ -75,7 +75,7 @@ class TextArea extends Component {
    };

    onChange(payload);
-  }
+  };

  onFocus = (event) => {
    if (this.props.onFocus) {
@@ -83,19 +83,19 @@ class TextArea extends Component {
    }

    this.selectionChange();
-  }
+  };

  onKeyUp = () => {
    this.selectionChange();
-  }
+  };

  onMouseDown = () => {
    this._isMouseTarget = true;
-  }
+  };

  onMouseUp = () => {
    this.selectionChange();
-  }
+  };

  onDocumentMouseUp = () => {
    if (this._isMouseTarget) {
@@ -103,7 +103,7 @@ class TextArea extends Component {
    }

    this._isMouseTarget = false;
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Form/TextInput.js
+++ b/frontend/src/Components/Form/TextInput.js
@@ -35,7 +35,7 @@ class TextInput extends Component {

  setInputRef = (ref) => {
    this._input = ref;
-  }
+  };

  selectionChange() {
    if (this._selectionTimeout) {
@@ -82,7 +82,7 @@ class TextInput extends Component {
    }

    onChange(payload);
-  }
+  };

  onFocus = (event) => {
    if (this.props.onFocus) {
@@ -90,19 +90,19 @@ class TextInput extends Component {
    }

    this.selectionChange();
-  }
+  };

  onKeyUp = () => {
    this.selectionChange();
-  }
+  };

  onMouseDown = () => {
    this._isMouseTarget = true;
-  }
+  };

  onMouseUp = () => {
    this.selectionChange();
-  }
+  };

  onDocumentMouseUp = () => {
    if (this._isMouseTarget) {
@@ -110,7 +110,7 @@ class TextInput extends Component {
    }

    this._isMouseTarget = false;
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Form/TextTagInputConnector.js
+++ b/frontend/src/Components/Form/TextTagInputConnector.js
@@ -53,7 +53,7 @@ class TextTagInputConnector extends Component {
    });

    onChange({ name, value: newValue.join(',') });
-  }
+  };

  onTagDelete = ({ index }) => {
    const {
@@ -69,7 +69,7 @@ class TextTagInputConnector extends Component {
      name,
      value: newValue.join(',')
    });
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/HeartRating.css
+++ b/frontend/src/Components/HeartRating.css
@@ -1,4 +1,5 @@
-.heart {
+.image {
+  align-content: center;
  margin-right: 5px;
-  color: $themeRed;
+  vertical-align: -0.125em;
 }
--- a/frontend/src/Components/HeartRating.js
+++ b/frontend/src/Components/HeartRating.js
--- a/frontend/src/Components/ImdbRating.css
+++ b/frontend/src/Components/ImdbRating.css
@@ -0,0 +1,5 @@
+.image {
+  align-content: center;
+  margin-right: 5px;
+  vertical-align: -0.125em;
+}
--- a/frontend/src/Components/ImdbRating.js
+++ b/frontend/src/Components/ImdbRating.js
--- a/frontend/src/Components/Link/ClipboardButton.js
+++ b/frontend/src/Components/Link/ClipboardButton.js
@@ -63,7 +63,7 @@ class ClipboardButton extends Component {
      showSuccess: false,
      showError: false
    });
-  }
+  };

  //
  // Listeners
@@ -72,13 +72,13 @@ class ClipboardButton extends Component {
    this.setState({
      showSuccess: true
    });
-  }
+  };

  onError = () => {
    this.setState({
      showError: true
    });
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Link/Link.js
+++ b/frontend/src/Components/Link/Link.js
@@ -18,7 +18,7 @@ class Link extends Component {
    if (!isDisabled && onPress) {
      onPress(event);
    }
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Link/SpinnerErrorButton.js
+++ b/frontend/src/Components/Link/SpinnerErrorButton.js
@@ -90,7 +90,7 @@ class SpinnerErrorButton extends Component {
      hasWarning: false,
      hasError: false
    });
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Marquee.js
+++ b/frontend/src/Components/Marquee.js
@@ -61,7 +61,7 @@ class Marquee extends Component {
    } else if (this.state.overflowWidth > 0) {
      this.startAnimation();
    }
-  }
+  };

  onHandleMouseLeave = () => {
    if (this.props.hoverToStop && this.state.overflowWidth > 0) {
@@ -70,7 +70,7 @@ class Marquee extends Component {
      clearTimeout(this.marqueeTimer);
      this.setState({ animatedWidth: 0 });
    }
-  }
+  };

  startAnimation = () => {
    clearTimeout(this.marqueeTimer);
@@ -108,7 +108,7 @@ class Marquee extends Component {
    };

    this.marqueeTimer = setTimeout(animate, timeout);
-  }
+  };

  measureText = () => {
    const container = this.container;
@@ -123,7 +123,7 @@ class Marquee extends Component {
        this.setState({ overflowWidth });
      }
    }
-  }
+  };

  render() {
    const style = {
--- a/frontend/src/Components/Measure.js
+++ b/frontend/src/Components/Measure.js
@@ -17,7 +17,7 @@ class Measure extends Component {

  onMeasure = _.debounce((payload) => {
    this.props.onMeasure(payload);
-  }, 250, { leading: true, trailing: false })
+  }, 250, { leading: true, trailing: false });

  //
  // Render
--- a/frontend/src/Components/Menu/FilterMenu.js
+++ b/frontend/src/Components/Menu/FilterMenu.js
@@ -25,11 +25,11 @@ class FilterMenu extends Component {

  onCustomFiltersPress = () => {
    this.setState({ isFilterModalOpen: true });
-  }
+  };

  onFiltersModalClose = () => {
    this.setState({ isFilterModalOpen: false });
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Menu/FilterMenuItem.js
+++ b/frontend/src/Components/Menu/FilterMenuItem.js
@@ -14,7 +14,7 @@ class FilterMenuItem extends Component {
    } = this.props;

    onPress(filterKey);
-  }
+  };

  //
  // Render
--- a/frontend/src/Components/Menu/Menu.js
+++ b/frontend/src/Components/Menu/Menu.js
@@ -124,7 +124,7 @@ class Menu extends Component {
      this.setState({ isMenuOpen: false });
      this._removeListener();
    }
-  }
+  };

  onTouchStart = (event) => {
    const menuButton = document.getElementById(this._menuButtonId);
@@ -148,17 +148,17 @@ class Menu extends Component {
      this.setState({ isMenuOpen: false });
      this._removeListener();
    }
-  }
+  };

  onWindowResize = () => {
    this.setMaxHeight();
-  }
+  };

  onWindowScroll = (event) => {
    if (this.state.isMenuOpen) {
      this.setMaxHeight();
    }
-  }
+  };

  onMenuButtonPress = () => {
    const state = {
@@ -173,7 +173,7 @@ class Menu extends Component {
    }

    this.setState(state);
-  }
+  };

  //
  // Render
--- a/Show More
+++ b/Show More