From f403b52af1821580a14d32be53599829574b288c Mon Sep 17 00:00:00 2001
From: Amaru8 <52407090+Amaru8@users.noreply.github.com>
Date: Fri, 29 Apr 2022 21:44:15 +0200
Subject: [PATCH 1/5] test

---
 src/renderer/assets/feather/heart-fill.svg      |  1 +
 .../views/components/mediaitem-list-item.ejs    | 17 +++++++++++++++++
 2 files changed, 18 insertions(+)
 create mode 100644 src/renderer/assets/feather/heart-fill.svg

diff --git a/src/renderer/assets/feather/heart-fill.svg b/src/renderer/assets/feather/heart-fill.svg
new file mode 100644
index 00000000..1f790aad
--- /dev/null
+++ b/src/renderer/assets/feather/heart-fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-heart"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>
\ No newline at end of file
diff --git a/src/renderer/views/components/mediaitem-list-item.ejs b/src/renderer/views/components/mediaitem-list-item.ejs
index 0a1ab179..4348b125 100644
--- a/src/renderer/views/components/mediaitem-list-item.ejs
+++ b/src/renderer/views/components/mediaitem-list-item.ejs
@@ -67,6 +67,9 @@
             </div>
             <div class="explicit-icon" v-if="item.attributes && item.attributes.contentRating == 'explicit'"></div>
             <template v-if="showMetaData == true" @dblclick="route()">
+                <div class="metainfo" style="min-width: 70px;" v-if="getHeartStatus(item)">
+                    <div class="svg-icon" :style="{'--url': 'url(./assets/feather/heart-fill.svg)'}"></div>
+                </div>
                 <div class="metainfo">
                     {{ item.attributes.releaseDate ? new Date(item.attributes.releaseDate).toLocaleDateString()
                     : "" }}
@@ -499,6 +502,20 @@
             visibilityChanged: function (isVisible, entry) {
                 this.isVisible = isVisible
             },
+            async getHeartStatus(item) {
+                try {
+                    let rating = await app.getRating(item)
+                    if (rating == 1) {
+                        console.log(item.attributes.name + " checked for heart status! Response: true")
+                        return true;
+                    } else {
+                        console.log(item.attributes.name + " checked for heart status! Response: false")
+                        return false;
+                    } 
+                } catch (err) {
+                    console.log(err)
+                }
+            },
             addToLibrary() {
                 let item = this.item
                 if (item.attributes.playParams.id) {

From f8e66968cdea396bf9e51516d0721d5d394d939f Mon Sep 17 00:00:00 2001
From: Amaru8 <52407090+Amaru8@users.noreply.github.com>
Date: Fri, 29 Apr 2022 23:24:52 +0200
Subject: [PATCH 2/5] remove some code that doesnt work

---
 src/renderer/views/components/mediaitem-list-item.ejs | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/renderer/views/components/mediaitem-list-item.ejs b/src/renderer/views/components/mediaitem-list-item.ejs
index 4348b125..6f137150 100644
--- a/src/renderer/views/components/mediaitem-list-item.ejs
+++ b/src/renderer/views/components/mediaitem-list-item.ejs
@@ -67,7 +67,7 @@
             </div>
             <div class="explicit-icon" v-if="item.attributes && item.attributes.contentRating == 'explicit'"></div>
             <template v-if="showMetaData == true" @dblclick="route()">
-                <div class="metainfo" style="min-width: 70px;" v-if="getHeartStatus(item)">
+                <div class="metainfo" style="min-width: 70px;" v-if="getHeartStatus()">
                     <div class="svg-icon" :style="{'--url': 'url(./assets/feather/heart-fill.svg)'}"></div>
                 </div>
                 <div class="metainfo">
@@ -502,14 +502,14 @@
             visibilityChanged: function (isVisible, entry) {
                 this.isVisible = isVisible
             },
-            async getHeartStatus(item) {
+            async getHeartStatus() {
                 try {
-                    let rating = await app.getRating(item)
+                    let rating = await app.getRating(this.item)
                     if (rating == 1) {
-                        console.log(item.attributes.name + " checked for heart status! Response: true")
+                        console.log(this.item.attributes.name + " checked for heart status! Response: true")
                         return true;
                     } else {
-                        console.log(item.attributes.name + " checked for heart status! Response: false")
+                        console.log(this.item.attributes.name + " checked for heart status! Response: false")
                         return false;
                     } 
                 } catch (err) {

From 6be02711a0784d76c6ade88f8c1811f29678e56c Mon Sep 17 00:00:00 2001
From: Amaru8 <52407090+Amaru8@users.noreply.github.com>
Date: Sat, 30 Apr 2022 16:45:55 +0200
Subject: [PATCH 3/5] kinda works

---
 .../views/components/mediaitem-list-item.ejs  | 23 +++++++++++--------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/renderer/views/components/mediaitem-list-item.ejs b/src/renderer/views/components/mediaitem-list-item.ejs
index 6f137150..22a26f36 100644
--- a/src/renderer/views/components/mediaitem-list-item.ejs
+++ b/src/renderer/views/components/mediaitem-list-item.ejs
@@ -67,7 +67,7 @@
             </div>
             <div class="explicit-icon" v-if="item.attributes && item.attributes.contentRating == 'explicit'"></div>
             <template v-if="showMetaData == true" @dblclick="route()">
-                <div class="metainfo" style="min-width: 70px;" v-if="getHeartStatus()">
+                <div class="metainfo" style="min-width: 70px;" v-if="isLoved">
                     <div class="svg-icon" :style="{'--url': 'url(./assets/feather/heart-fill.svg)'}"></div>
                 </div>
                 <div class="metainfo">
@@ -101,7 +101,8 @@
                 displayDuration: true,
                 addClasses: {},
                 itemId: 0,
-                isLibrary: false
+                isLibrary: false,
+                isLoved: null
             }
         },
         props: {
@@ -124,6 +125,9 @@
             } else {
                 this.itemId = this.item.id;
             }
+            if (this.item.attributes.playParams) {
+                this.getHeartStatus();
+            }
             let duration = this.item.attributes.durationInMillis ?? 0
             if (duration == 0 || !this.showDuration) {
                 this.displayDuration = false
@@ -504,14 +508,13 @@
             },
             async getHeartStatus() {
                 try {
-                    let rating = await app.getRating(this.item)
-                    if (rating == 1) {
-                        console.log(this.item.attributes.name + " checked for heart status! Response: true")
-                        return true;
-                    } else {
-                        console.log(this.item.attributes.name + " checked for heart status! Response: false")
-                        return false;
-                    } 
+                    await app.getRating(this.item).then(res => {
+                        if (res == 1) {
+                            this.isLoved = true
+                        } else {
+                            this.isLoved = false
+                        }
+                    })
                 } catch (err) {
                     console.log(err)
                 }

From ee228566ae68a59eefcc9f884ddde0bcf5358899 Mon Sep 17 00:00:00 2001
From: Amaru8 <52407090+Amaru8@users.noreply.github.com>
Date: Sat, 30 Apr 2022 18:21:26 +0200
Subject: [PATCH 4/5] recheck on context menu button click

---
 src/renderer/views/components/mediaitem-list-item.ejs | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/renderer/views/components/mediaitem-list-item.ejs b/src/renderer/views/components/mediaitem-list-item.ejs
index 22a26f36..7ae5ed4e 100644
--- a/src/renderer/views/components/mediaitem-list-item.ejs
+++ b/src/renderer/views/components/mediaitem-list-item.ejs
@@ -331,6 +331,7 @@
                                 "disabled": true,
                                 "action": function () {
                                     app.love(self.item)
+                                    self.getHeartStatus()
                                 }
                             },
                             {
@@ -341,6 +342,7 @@
                                 "hidden": true,
                                 "action": function () {
                                     app.unlove(self.item)
+                                    self.getHeartStatus()
                                 }
                             },
                             {

From 70ca60fa43e9d336bbb5937c0338be2fc1f81069 Mon Sep 17 00:00:00 2001
From: Amaru8 <52407090+Amaru8@users.noreply.github.com>
Date: Sat, 30 Apr 2022 19:45:44 +0200
Subject: [PATCH 5/5] finally ffs

---
 src/renderer/views/components/mediaitem-list-item.ejs | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/views/components/mediaitem-list-item.ejs b/src/renderer/views/components/mediaitem-list-item.ejs
index 7ae5ed4e..d4a96c93 100644
--- a/src/renderer/views/components/mediaitem-list-item.ejs
+++ b/src/renderer/views/components/mediaitem-list-item.ejs
@@ -330,8 +330,8 @@
                                 "hidden": false,
                                 "disabled": true,
                                 "action": function () {
+                                    self.isLoved = true
                                     app.love(self.item)
-                                    self.getHeartStatus()
                                 }
                             },
                             {
@@ -341,8 +341,8 @@
                                 "name": this.app.getLz('action.unlove'),
                                 "hidden": true,
                                 "action": function () {
+                                    self.isLoved = false
                                     app.unlove(self.item)
-                                    self.getHeartStatus()
                                 }
                             },
                             {