From 676655b3b44263f05e50cf1aa349337a61973fa8 Mon Sep 17 00:00:00 2001
From: Monochromish <79590499+Monochromish@users.noreply.github.com>
Date: Tue, 12 Apr 2022 21:27:20 +1000
Subject: [PATCH] Shows 10 `Recently Played Songs & Albums` in Search Page
 inside individual Media-Square Item.

---
 src/renderer/views/pages/search.ejs | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/renderer/views/pages/search.ejs b/src/renderer/views/pages/search.ejs
index 1d2ac6fd..2767e17c 100644
--- a/src/renderer/views/pages/search.ejs
+++ b/src/renderer/views/pages/search.ejs
@@ -83,6 +83,8 @@
            <div v-if="categoriesReady || getCategories()">
                 <div>
                     <div class="col" v-if="categoriesView != null && categoriesView != [] && categoriesView[0].attributes != null && categoriesView[0].attributes.title != null">
+                        <h3>{{$root.getLz('home.recentlyPlayed')}}</h3>
+                    <mediaitem-square :kind="'385'" size="600" v-for="item in recentlyPlayed.limit(10)" :item="item" :imagesize="800"></mediaitem-square>
                         <h3>{{categoriesView[0].attributes.title.stringForDisplay ?? ""}}</h3>
                     </div>  
                     <mediaitem-square :kind="'385'" size="600"
@@ -102,6 +104,7 @@
         data: function () {
             return {
                 app: this.$root,
+                recentlyPlayed: [],
                 categoriesView: [],
                 categoriesReady: false,
             }
@@ -114,8 +117,15 @@
                     return false
                 }
             },
+            async seeAllHistory() {
+                let hist = await app.mk.api.v3.music(`/v1/me/recent/played/tracks`, {
+                    l: this.$root.mklang
+                })
+                this.recentlyPlayed = hist.data.data
+            },
             async getCategories() {
                 if (this.categoriesView != [] && this.categoriesView.length > 0) { this.categoriesReady = true; return await true; } else {
+                    await this.seeAllHistory()
                     let response = await this.app.mk.api.v3.music(`/v1/recommendations/${this.app.mk.storefrontId}?timezone=${encodeURIComponent(this.app.formatTimezoneOffset())}&name=search-landing&platform=web&extend=editorialArtwork&art%5Burl%5D=f%2Cc&types=editorial-items%2Capple-curators%2Cactivities&l=${this.$root.mklang}`);
                     this.categoriesView = response.data.data;
                     console.log(this.categoriesView)