show recommendations as own sections & correctly play single track

bcc-code · Mar 25, 2024 · 1dec077 · 1dec077
1 parent 869f838
commit 1dec077
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/components/DocumentList.vue b/components/DocumentList.vue
@@ -56,7 +56,7 @@ const convertModels = (models: IAllDocumentModels[]) => {
         items: currentSection,
         useFlex: el.useCoverCarousel === true,
       });
-    } else if (i === 0) {
+    } else if (i === 0 || el.type === "recommendation") {
       currentSection = [el];
       result.push({
         header: null,

diff --git a/components/RecommendationItem.vue b/components/RecommendationItem.vue
@@ -2,15 +2,15 @@
 import type { RecommendationModel } from "@bcc-code/bmm-sdk-fetch";
 
 const { t } = useI18n();
+const { setQueue } = useNuxtApp().$mediaPlayer;
 
 defineProps<{
   item: RecommendationModel;
 }>();
 </script>
 
 <template>
-  <div class="col-span-full bg-background-2 my-2 rounded-2xl border-t-0">
-    {{ console.log("item", item) }}
+  <div class="col-span-full bg-background-2 rounded-2xl border-t-0">
     <div class="p-4">
       <div
         v-if="!item.title && !item.subtitle"
@@ -33,6 +33,7 @@ defineProps<{
           :track="item.track"
           is-track-type-known
           show-thumbnail
+          @play-track="setQueue([item.track])"
         />
         <GenericListItem
           v-else-if="item.album"