sidski/kjelsrud.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

💄 replace stars with hearts in log-ratings

Browse source 
Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
This commit is contained in:
Sindre Kjelsrud 2024-02-14 23:28:29 +01:00
parent 1d42a5830a
commit 726534e60f
Signed by untrusted user who does not match committer: sidski
GPG key ID: D2BBDF3EDE6BA9A6
2 changed files with 19 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/pages/logs/books.astro
View file

@ -13,6 +13,7 @@ const booksByYear = books.reduce((acc:any, book) => {
const sortedYears = Object.keys(booksByYear).sort((a:any, b:any) => b - a); const sortedYears = Object.keys(booksByYear).sort((a:any, b:any) => b - a);
/*
function getEmojiStars(rating:any) { function getEmojiStars(rating:any) {
let stars = ''; let stars = '';
for (let i = 0; i < rating; i++) { for (let i = 0; i < rating; i++) {
@ -20,6 +21,13 @@ function getEmojiStars(rating:any) {
} }
return stars; return stars;
} }
*/
function getHeartEmoji(rating:any) {
let heart = '';
if (rating == 5) heart = "❤️";
return heart;
}
const today = new Date(); const today = new Date();
--- ---
@ -36,7 +44,7 @@ const today = new Date();
booksByYear[year].map((book) => ( booksByYear[year].map((book) => (
<div class="flex justify-between mb-2 break-words gap-2 borderbottom"> <div class="flex justify-between mb-2 break-words gap-2 borderbottom">
<p class="text-s">{book.title}</p> <p class="text-s">{book.title}</p>
<p>{getEmojiStars(book.my_rating)}</p> <p>{getHeartEmoji(book.my_rating)}</p>
</div> </div>
)) ))
} }
@ -45,4 +53,4 @@ const today = new Date();
)) ))
} }
</main> </main>
</SectionContainer> </SectionContainer>

10
src/pages/logs/watched.astro
View file

@ -13,6 +13,7 @@ const tvByYear = watched.reduce((acc:any, tv) => {
const sortedYears = Object.keys(tvByYear).sort((a:any, b:any) => b - a); const sortedYears = Object.keys(tvByYear).sort((a:any, b:any) => b - a);
/*
function getEmojiStars(rating:any) { function getEmojiStars(rating:any) {
let stars = ''; let stars = '';
for (let i = 0; i < rating; i++) { for (let i = 0; i < rating; i++) {
@ -20,6 +21,13 @@ function getEmojiStars(rating:any) {
} }
return stars; return stars;
} }
*/
function getHeartEmoji(rating:any) {
let heart = '';
if (rating == 5) heart = "❤️";
return heart;
}
const today = new Date(); const today = new Date();
--- ---
@ -39,7 +47,7 @@ const today = new Date();
<li class="flex mb-2 break-words gap-2 borderbottom"> <li class="flex mb-2 break-words gap-2 borderbottom">
<p class="text-s w-1/3">{tv.title}</p> <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-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> </li>
)) ))
} }