Clearing defunct icons; Tidal icon; Playlist image fetching (where backend supports it)

src/js/views/Album.js

@@ -13,7 +13,7 @@ import FollowButton from '../components/Fields/FollowButton';
 import { nice_number } from '../components/NiceNumber';
 import { Dater } from '../components/Dater';
 import ContextMenuTrigger from '../components/ContextMenuTrigger';
-import Icon from '../components/Icon';
+import Icon, { SourceIcon } from '../components/Icon';
 import DropdownField from '../components/Fields/DropdownField';
 import FilterField from '../components/Fields/FilterField';
 import { i18n, I18n } from '../locale';
@@ -240,7 +240,7 @@ class Album extends React.Component {
           <ul className="details details--one-line">
             {!slim_mode ? (
               <li className="source">
-                <Icon type="fontawesome" name={sourceIcon(album.uri)} />
+                <SourceIcon uri={album.uri} />
               </li>
             ) : null}
             {album.artists && album.artists.length > 0 ? (

src/js/views/Artist.js

@@ -16,14 +16,13 @@ import FollowButton from '../components/Fields/FollowButton';
 import ContextMenuTrigger from '../components/ContextMenuTrigger';
 import DropdownField from '../components/Fields/DropdownField';
 import FilterField from '../components/Fields/FilterField';
-import Icon from '../components/Icon';
+import Icon, { SourceIcon } from '../components/Icon';
 import Loader from '../components/Loader';
 import * as coreActions from '../services/core/actions';
 import * as uiActions from '../services/ui/actions';
 import * as mopidyActions from '../services/mopidy/actions';
 import {
   uriSource,
-  sourceIcon,
   titleCase,
 } from '../util/helpers';
 import { collate, encodeUri, decodeUri } from '../util/format';
@@ -417,7 +416,7 @@ class Artist extends React.Component {
           {thumbnails}
           <div className="tile">
             <span className="content">
-              <Icon type="fontawesome" name={sourceIcon(artist.uri)} />
+              <SourceIcon uri={artist.uri} />
               <I18n
                 path="artist.about.source"
                 source={titleCase(uriSource(artist.uri))}

src/js/views/Playlist.js

@@ -12,7 +12,7 @@ import FollowButton from '../components/Fields/FollowButton';
 import Loader from '../components/Loader';
 import ContextMenuTrigger from '../components/ContextMenuTrigger';
 import URILink from '../components/URILink';
-import Icon from '../components/Icon';
+import Icon, { SourceIcon } from '../components/Icon';
 import DropdownField from '../components/Fields/DropdownField';
 import FilterField from '../components/Fields/FilterField';
 import * as coreActions from '../services/core/actions';
@@ -407,7 +407,7 @@ class Playlist extends React.Component {
           <ul className="details details--one-line">
             {!slim_mode && (
               <li className="source">
-                <Icon type="fontawesome" name={sourceIcon(playlist.uri)} />
+                <SourceIcon uri={playlist.uri} />
               </li>
             )}
             {playlist.user && (

src/js/views/User.js

@@ -8,13 +8,12 @@ import FollowButton from '../components/Fields/FollowButton';
 import Parallax from '../components/Parallax';
 import { nice_number } from '../components/NiceNumber';
 import Loader from '../components/Loader';
-import Icon from '../components/Icon';
+import { SourceIcon } from '../components/Icon';
 import * as coreActions from '../services/core/actions';
 import * as uiActions from '../services/ui/actions';
 import * as spotifyActions from '../services/spotify/actions';
 import {
   getFromUri,
-  sourceIcon,
 } from '../util/helpers';
 import { decodeUri } from '../util/format';
 import { i18n, I18n } from '../locale';
@@ -157,7 +156,7 @@ class User extends React.Component {
                     <ul className="details details--one-line">
                       {!slim_mode && (
                         <li className="source">
-                          <Icon type="fontawesome" name={sourceIcon(user.uri)} />
+                          <SourceIcon uri={user.uri} />
                         </li>
                       )}
                       {playlists && (

src/js/views/library/LibraryBrowseDirectory.js

@@ -60,7 +60,6 @@ const Subdirectories = ({ items, view }) => {
       items={items}
       getLink={link}
       nocontext
-      sourceIcon={false}
     />
   );
 };