);
@@ -74,9 +75,10 @@ function EpisodeStatus(props) {
if (!airDateUtc) {
return (
-
+
);
@@ -84,9 +86,10 @@ function EpisodeStatus(props) {
if (!monitored) {
return (
-
+
);
@@ -94,18 +97,20 @@ function EpisodeStatus(props) {
if (hasAired) {
return (
-
+
);
}
return (
-
+
);
diff --git a/frontend/src/AlbumStudio/AlbumStudioRow.js b/frontend/src/AlbumStudio/AlbumStudioRow.js
index 99d12dd4b..e2ed18f12 100644
--- a/frontend/src/AlbumStudio/AlbumStudioRow.js
+++ b/frontend/src/AlbumStudio/AlbumStudioRow.js
@@ -39,12 +39,11 @@ class AlbumStudioRow extends Component {
/>
-
-
-
+
diff --git a/frontend/src/Artist/Details/ArtistDetails.js b/frontend/src/Artist/Details/ArtistDetails.js
index 0aef778e9..25341bb3b 100644
--- a/frontend/src/Artist/Details/ArtistDetails.js
+++ b/frontend/src/Artist/Details/ArtistDetails.js
@@ -580,7 +580,9 @@ class ArtistDetails extends Component {
diff --git a/frontend/src/Artist/Details/ArtistDetailsSeason.js b/frontend/src/Artist/Details/ArtistDetailsSeason.js
index 4ec43447b..3df7fca77 100644
--- a/frontend/src/Artist/Details/ArtistDetailsSeason.js
+++ b/frontend/src/Artist/Details/ArtistDetailsSeason.js
@@ -150,13 +150,12 @@ class ArtistDetailsSeason extends Component {
-
-
-
+
{
!isSmallScreen &&
diff --git a/frontend/src/Artist/Index/Table/ArtistStatusCell.js b/frontend/src/Artist/Index/Table/ArtistStatusCell.js
index 7ead1d0cf..8b76dc38e 100644
--- a/frontend/src/Artist/Index/Table/ArtistStatusCell.js
+++ b/frontend/src/Artist/Index/Table/ArtistStatusCell.js
@@ -19,19 +19,17 @@ function ArtistStatusCell(props) {
className={className}
{...otherProps}
>
-
-
-
+
-
-
-
+
);
}
diff --git a/frontend/src/Calendar/Agenda/AgendaEvent.js b/frontend/src/Calendar/Agenda/AgendaEvent.js
index b450b9382..c869b096c 100644
--- a/frontend/src/Calendar/Agenda/AgendaEvent.js
+++ b/frontend/src/Calendar/Agenda/AgendaEvent.js
@@ -107,11 +107,10 @@ class AgendaEvent extends Component {
{
!queueItem && grabbed &&
-
-
-
+
}
diff --git a/frontend/src/Calendar/Day/CalendarDayConnector.js b/frontend/src/Calendar/Day/CalendarDayConnector.js
index 30ad0cb61..6206ef4c6 100644
--- a/frontend/src/Calendar/Day/CalendarDayConnector.js
+++ b/frontend/src/Calendar/Day/CalendarDayConnector.js
@@ -4,15 +4,14 @@ import PropTypes from 'prop-types';
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { createSelector } from 'reselect';
-import createClientSideCollectionSelector from 'Store/Selectors/createClientSideCollectionSelector';
import CalendarDay from './CalendarDay';
function createCalendarEventsConnector() {
return createSelector(
(state, { date }) => date,
- createClientSideCollectionSelector('calendar'),
- (date, calendar) => {
- const filtered = _.filter(calendar.items, (item) => {
+ (state) => state.calendar.items,
+ (date, items) => {
+ const filtered = _.filter(items, (item) => {
return moment(date).isSame(moment(item.releaseDate), 'day');
});
diff --git a/frontend/src/Calendar/Events/CalendarEvent.js b/frontend/src/Calendar/Events/CalendarEvent.js
index f664879ab..0189fce3d 100644
--- a/frontend/src/Calendar/Events/CalendarEvent.js
+++ b/frontend/src/Calendar/Events/CalendarEvent.js
@@ -91,12 +91,11 @@ class CalendarEvent extends Component {
{
!queueItem && grabbed &&
-
-
-
+
}
diff --git a/frontend/src/Components/Icon.js b/frontend/src/Components/Icon.js
index 13daccf5d..42a808e20 100644
--- a/frontend/src/Components/Icon.js
+++ b/frontend/src/Components/Icon.js
@@ -7,6 +7,7 @@ import styles from './Icon.css';
function Icon(props) {
const {
+ containerClassName,
className,
name,
kind,
@@ -16,11 +17,7 @@ function Icon(props) {
...otherProps
} = props;
- if (title && !window.Lidarr.isProduction) {
- console.error('Icons cannot have a title');
- }
-
- return (
+ const icon = (
);
+
+ if (title) {
+ return (
+
+ {icon}
+
+ );
+ }
+
+ return icon;
}
Icon.propTypes = {
+ containerClassName: PropTypes.string,
className: PropTypes.string,
name: PropTypes.object.isRequired,
kind: PropTypes.string.isRequired,
diff --git a/frontend/src/Components/Page/Sidebar/Messages/Message.js b/frontend/src/Components/Page/Sidebar/Messages/Message.js
index b905ce658..bb7a027fa 100644
--- a/frontend/src/Components/Page/Sidebar/Messages/Message.js
+++ b/frontend/src/Components/Page/Sidebar/Messages/Message.js
@@ -45,9 +45,10 @@ function Message(props) {
styles[type]
)}
>
-
+
diff --git a/frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.css b/frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.css
index 88b4e6178..5bad6c050 100644
--- a/frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.css
+++ b/frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.css
@@ -6,7 +6,6 @@
.filterText {
margin-left: 5px;
- font-size: $largeFontSize;
}
.footer {
diff --git a/frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.js b/frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.js
index 3a2a9f862..2ec60c549 100644
--- a/frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.js
+++ b/frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.js
@@ -169,7 +169,9 @@ class InteractiveImportModalContent extends Component {
render() {
const {
downloadId,
+ allowArtistChange,
showFilterExistingFiles,
+ showImportMode,
filterExistingFiles,
title,
folder,
@@ -211,17 +213,7 @@ class InteractiveImportModalContent extends Component {
{
- isFetching &&
-
- }
-
- {
- error &&
- {errorMessage}
- }
-
- {
- isPopulated && showFilterExistingFiles && !isFetching &&
+ showFilterExistingFiles &&
}
+ {
+ isFetching &&
+
+ }
+
+ {
+ error &&
+ {errorMessage}
+ }
+
{
isPopulated && !!items.length && !isFetching && !isFetching &&
@@ -295,9 +298,9 @@ class InteractiveImportModalContent extends Component {
- {
- !downloadId &&
-
+
+ {
+ !downloadId && showImportMode &&
-
- }
+ }
+
-
-
+
+ {
+ allowArtistChange &&
+
+ }