use ternary op to send copyright text to songlist component

+ return a zeros if seconds is undefined in formatSeconds()

src/components/FolderView/SongList.vue

@@ -22,7 +22,7 @@
         <div class="text">No tracks here</div>
       </div>
     </div>
-    <div class="copyright" v-if="copyright()">
+    <div class="copyright" v-if="copyright">
       {{ copyright() }}
     </div>
   </div>
@@ -49,7 +49,7 @@ const props = defineProps<{
   playlistid?: string;
   on_album_page?: boolean;
   disc?: string | number;
-  copyright?: () => string;
+  copyright?: (() => string) | null;
 }>();
 
 const route = useRoute();

src/composables/perks.ts

@@ -55,6 +55,10 @@ function isSameRoute(to: r, from: r) {
  * @param long Whether to provide the time in the long format
  */
 function formatSeconds(seconds: number, long?: boolean) {
+  if (seconds == undefined) {
+    return "00:00";
+  }
+
   const date = new Date(seconds * 1000);
 
   const hh = date.getUTCHours();

src/stores/queue.ts

@@ -43,7 +43,7 @@ const defaultTrack = <Track>{
   albumhash: " ",
   artists: ["Alice"],
   trackid: "",
-  image: "",
+  image: "meh",
 };
 
 type From = fromFolder | fromAlbum | fromPlaylist | fromSearch;

src/views/FolderView.vue

@@ -15,7 +15,7 @@
       <SongList
         :tracks="FStore.tracks"
         :path="FStore.path"
-        :copyright="() => null"
+        :copyright="null"
       />
     </div>
   </div>

src/views/album/Content.vue

@@ -6,13 +6,7 @@
         :tracks="disc"
         :on_album_page="true"
         :disc="key"
-        :copyright="
+        :copyright="isLastDisc(key) ? () => copyright : null"
-          () => {
-            if (isLastDisc(key)) {
-              return copyright;
-            }
-          }
-        "
       />
     </div>
   </div>