UI improvements

src/components/RightSideBar/NowPlayingRight.vue

@@ -10,14 +10,14 @@
         <div class="np-artist ellip">
           <span
             v-for="artist in putCommas(
-              queue.currenttrack?.artists || ['Artist']
+              queue.currenttrack?.artists || ['♥ Hello ♥']
             )"
           >
             {{ artist }}
           </span>
         </div>
         <div class="np-title ellip">
-          {{ queue.currenttrack?.title || "Track title" }}
+          {{ queue.currenttrack?.title || "Play something"}}
         </div>
       </div>
     </div>
@@ -25,7 +25,9 @@
     <div class="time">
       <span class="current">{{ formatSeconds(queue.duration.current) }}</span>
       <HotKeys />
-      <span class="full">{{ formatSeconds(queue.currenttrack.length) }}</span>
+      <span class="full">{{
+        formatSeconds(queue.currenttrack ? queue.currenttrack.length : 0)
+      }}</span>
     </div>
   </div>
 </template>

src/components/RightSideBar/Search/ArtistGrid.vue

@@ -17,7 +17,7 @@
         :alt="true"
       />
     </div>
-    <div v-else class="t-center"><h5>🤷</h5></div>
+    <div v-else class="t-center"><h5>💔 No results 💔</h5></div>
     <LoadMore
       v-if="album_grid && search.albums.more"
       :loader="search.loadAlbums"

src/components/RightSideBar/Search/TracksGrid.vue

@@ -12,7 +12,7 @@
         :index="index + 1"
       />
     </div>
-    <div v-else class="t-center"><h5>🤷</h5></div>
+    <div v-else class="t-center"><h5>💔 No results 💔</h5></div>
     <LoadMore v-if="search.tracks.more" :loader="search.loadTracks" />
   </div>
 </template>