🚚 rename paths for logs "watched" and "books"

Signed-off-by: SindreKjelsrud <sindre@kjelsrud.dev>
This commit is contained in:
SindreKjelsrud 2024-07-08 21:04:31 +02:00
parent be1565be69
commit ef3ff3ef31
Signed by: sidski
GPG key ID: D2BBDF3EDE6BA9A6
6 changed files with 11 additions and 11 deletions

View file

@ -1,58 +0,0 @@
---
import SectionContainer from '../../components/SectionContainer.astro';
import tv from '../../data/watched.json'
let watched = [];
let currently = [];
tv.lists.forEach(list => {
switch (list.name) {
case "Watched":
watched = list.tv;
break;
case "Currently watching":
currently = list.tv;
break;
}
});
const tvByYear = watched.reduce((acc, tv) => {
const year = new Date(tv.date.string).getFullYear();
if (!acc[year]) {
acc[year] = [];
}
acc[year].push(tv);
return acc;
}, {});
const sortedYears = Object.keys(tvByYear).sort((a: any, b: any) => b - a);
---
<SectionContainer>
<main class="flex flex-col flex-1 gap-4 mt-4">
<h1 class="text-3xl font-extrabold">📺 La télévision</h1>
<h2 class="text-xl font-semibold">on the screen</h2>
<ul>
{currently.map((tv) => (
<li class="borderbottom mb-3">👀 {tv.title}</li>
))}
</ul>
{sortedYears.map(year => (
<details>
<summary class="text-xl font-semibold cursor-pointer">{year} <span class="text-xs">({tvByYear[year].length} entries)</span></summary>
<ul>
{
tvByYear[year].map(tv => (
<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">{tv.rating === 5 ? "❤️" : ""}</p>
</li>
))
}
</ul>
</details>
))}
</main>
</SectionContainer>