From 8c93d73b4220f6ac6c0da24782d086bd4439458d Mon Sep 17 00:00:00 2001
From: Mark McDowall <mark@mcdowall.ca>
Date: Wed, 18 Mar 2020 18:42:10 -0700
Subject: [PATCH] Fixed: Error rending queue row when quality is missing

Fixes #3614
---
 frontend/src/Activity/Queue/QueueRow.js          |  4 +++-
 frontend/src/Activity/Queue/QueueRowConnector.js | 11 +++++------
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/frontend/src/Activity/Queue/QueueRow.js b/frontend/src/Activity/Queue/QueueRow.js
index d04188ce0..1a6ffa75c 100644
--- a/frontend/src/Activity/Queue/QueueRow.js
+++ b/frontend/src/Activity/Queue/QueueRow.js
@@ -222,9 +222,11 @@ class QueueRow extends Component {
             if (name === 'quality') {
               return (
                 <TableRowCell key={name}>
+                  quality ?
                   <EpisodeQuality
                     quality={quality}
-                  />
+                  /> :
+                  null
                 </TableRowCell>
               );
             }
diff --git a/frontend/src/Activity/Queue/QueueRowConnector.js b/frontend/src/Activity/Queue/QueueRowConnector.js
index 4c1193e70..3203fe425 100644
--- a/frontend/src/Activity/Queue/QueueRowConnector.js
+++ b/frontend/src/Activity/Queue/QueueRowConnector.js
@@ -1,4 +1,3 @@
-import _ from 'lodash';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { connect } from 'react-redux';
@@ -15,11 +14,11 @@ function createMapStateToProps() {
     createEpisodeSelector(),
     createUISettingsSelector(),
     (series, episode, uiSettings) => {
-      const result = _.pick(uiSettings, [
-        'showRelativeDates',
-        'shortDateFormat',
-        'timeFormat'
-      ]);
+      const result = {
+        showRelativeDates: uiSettings.showRelativeDates,
+        shortDateFormat: uiSettings.shortDateFormat,
+        timeFormat: uiSettings.timeFormat
+      };
 
       result.series = series;
       result.episode = episode;