Fixed: UI and Command manager updates

Co-Authored-By: Mark McDowall <markus101@users.noreply.github.com>

frontend/src/Calendar/Agenda/AgendaEvent.js

@@ -107,11 +107,10 @@ class AgendaEvent extends Component {
 
           {
             !queueItem && grabbed &&
-              <span title="Album is downloading">
-                <Icon
-                  name={icons.DOWNLOADING}
-                />
-              </span>
+              <Icon
+                name={icons.DOWNLOADING}
+                title="Album is downloading"
+              />
           }
         </Link>
       </div>

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');
       });
 

frontend/src/Calendar/Events/CalendarEvent.js

@@ -91,12 +91,11 @@ class CalendarEvent extends Component {
 
             {
               !queueItem && grabbed &&
-                <span title="Album is downloading">
-                  <Icon
-                    className={styles.statusIcon}
-                    name={icons.DOWNLOADING}
-                  />
-                </span>
+              <Icon
+                className={styles.statusIcon}
+                name={icons.DOWNLOADING}
+                title="Album is downloading"
+              />
             }
           </div>