From 726534e60f84ce8a151ab726ae50b7f21d061e5c Mon Sep 17 00:00:00 2001
From: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
Date: Wed, 14 Feb 2024 23:28:29 +0100
Subject: [PATCH] :lipstick: replace stars with hearts in log-ratings

Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
---
 src/pages/logs/books.astro   | 12 ++++++++++--
 src/pages/logs/watched.astro | 10 +++++++++-
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/pages/logs/books.astro b/src/pages/logs/books.astro
index 4cd6b5d..6e29981 100644
--- a/src/pages/logs/books.astro
+++ b/src/pages/logs/books.astro
@@ -13,6 +13,7 @@ const booksByYear = books.reduce((acc:any, book) => {
 
 const sortedYears = Object.keys(booksByYear).sort((a:any, b:any) => b - a);
 
+/*
 function getEmojiStars(rating:any) {
     let stars = '';
     for (let i = 0; i < rating; i++) {
@@ -20,6 +21,13 @@ function getEmojiStars(rating:any) {
     }
     return stars;
 }
+*/
+
+function getHeartEmoji(rating:any) {
+  let heart = '';
+  if (rating == 5) heart = "❤️";
+  return heart;
+}
 
 const today = new Date();
 ---
@@ -36,7 +44,7 @@ const today = new Date();
                         booksByYear[year].map((book) => (
                             <div class="flex justify-between mb-2 break-words gap-2 borderbottom">
 								<p class="text-s">{book.title}</p>
-                                <p>{getEmojiStars(book.my_rating)}</p>
+                                <p>{getHeartEmoji(book.my_rating)}</p>
 							</div>
                         ))
                     }
@@ -45,4 +53,4 @@ const today = new Date();
 		))
         }
 	</main>
-</SectionContainer>
\ No newline at end of file
+</SectionContainer>
diff --git a/src/pages/logs/watched.astro b/src/pages/logs/watched.astro
index 5923246..1624bb3 100644
--- a/src/pages/logs/watched.astro
+++ b/src/pages/logs/watched.astro
@@ -13,6 +13,7 @@ const tvByYear = watched.reduce((acc:any, tv) => {
 
 const sortedYears = Object.keys(tvByYear).sort((a:any, b:any) => b - a);
 
+/*
 function getEmojiStars(rating:any) {
     let stars = '';
     for (let i = 0; i < rating; i++) {
@@ -20,6 +21,13 @@ function getEmojiStars(rating:any) {
     }
     return stars;
 }
+*/
+
+function getHeartEmoji(rating:any) {
+  let heart = '';
+  if (rating == 5) heart = "❤️";
+  return heart;
+}
 
 const today = new Date();
 ---
@@ -39,7 +47,7 @@ const today = new Date();
                             <li class="flex mb-2 break-words gap-2 borderbottom">
                                 <p class="text-s w-1/3">{tv.title}</p>
                                 <p class="w-1/3 text-center">{tv.type}</p>
-                                <p class="w-1/3 text-end">{getEmojiStars(tv.my_rating)}</p>
+                                <p class="w-1/3 text-end">{getHeartEmoji(tv.my_rating)}</p>
                             </li>
                         ))
                     }