Thumbnail placeholder as icon; Fixing non-loading categories on refresh

src/js/views/Album.js

@@ -212,7 +212,7 @@ export class Album extends React.Component {
     return (
       <div className="view album-view content-wrapper preserve-3d">
         <div className="thumbnail-wrapper">
-          <Thumbnail size="large" glow canZoom images={album.images} />
+          <Thumbnail size="large" glow canZoom images={album.images} type="album" />
         </div>
 
         <div className="title">

src/js/views/Playlist.js

@@ -220,7 +220,7 @@ Could not find playlist with URI "
       <div className="view playlist-view content-wrapper preserve-3d">
 
         <div className="thumbnail-wrapper">
-          <Thumbnail size="large" glow canZoom images={playlist.images} />
+          <Thumbnail size="large" glow canZoom images={playlist.images} type="playlist" />
         </div>
 
         <div className="title">

src/js/views/Queue.js

@@ -126,14 +126,14 @@ class Queue extends React.Component {
     if (!image) {
       return (
         <div className="current-track__artwork">
-          <Thumbnail glow />
+          <Thumbnail glow type="track" />
         </div>
       );
     }
 
     return (
       <div className="current-track__artwork">
-        <Thumbnail glow image={image}>
+        <Thumbnail glow image={image} type="track">
           <URILink uri={uri} className="thumbnail__actions__item">
             <Icon name="art_track" />
           </URILink>
@@ -194,6 +194,7 @@ class Queue extends React.Component {
               images={items[0].images}
               size="small"
               circle={uriType(items[0].uri) === 'artist'}
+              type="artist"
             />
           </URILink>
         )}

src/js/views/Track.js

@@ -215,7 +215,7 @@ class Track extends React.Component {
         ) : null}
 
         <div className="thumbnail-wrapper">
-          <Thumbnail size="large" canZoom images={track.images} />
+          <Thumbnail size="large" canZoom images={track.images} type="album" />
         </div>
 
         <div className="title">

src/js/views/User.js

@@ -109,7 +109,7 @@ Could not find user with URI "
             <div className="heading">
 
               <div className="heading__thumbnail">
-                <Thumbnail size="medium" circle canZoom image={image} />
+                <Thumbnail size="medium" circle canZoom image={image} type="user" />
               </div>
 
               <div className="heading__content">

src/js/views/library/LibraryBrowseDirectory.js

@@ -115,7 +115,7 @@ class LibraryBrowseDirectory extends React.Component {
           subdirectories.map((subdirectory) => (
             <GridItem
               key={subdirectory.uri}
-              type="browse"
+              type="directory"
               link={`/library/browse/${encodeURIComponent(subdirectory.uri)}`}
               item={subdirectory}
               nocontext