From 6f7c9d149b827aebc996c85cd0b7d762597edbf0 Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Wed, 4 Sep 2024 18:11:47 +0200
Subject: [PATCH] update recentMovies to filter by current week

---
 .../home/browse/categories/categories.component.html      | 2 +-
 .../home/browse/categories/categories.component.ts        | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/components/home/browse/categories/categories.component.html b/frontend/src/app/components/home/browse/categories/categories.component.html
index 6023588..46c7399 100644
--- a/frontend/src/app/components/home/browse/categories/categories.component.html
+++ b/frontend/src/app/components/home/browse/categories/categories.component.html
@@ -1,5 +1,5 @@
 <section *ngIf="movies.length > 0" class="hide-scrollbar">
-  <!-- Column for films of the last 7 days -->
+  <!-- New movies this week (starts on Mondays) -->
   <div *ngIf="recentMovies().length > 0" class="category">
     <p>Added in the last 7 days</p>
     <div class="movies">
diff --git a/frontend/src/app/components/home/browse/categories/categories.component.ts b/frontend/src/app/components/home/browse/categories/categories.component.ts
index f7a34e3..1e1cfce 100644
--- a/frontend/src/app/components/home/browse/categories/categories.component.ts
+++ b/frontend/src/app/components/home/browse/categories/categories.component.ts
@@ -60,12 +60,14 @@ export class CategoriesComponent implements AfterViewInit {
 
   recentMovies() {
     const today = new Date();
-    const sevenDaysAgo = new Date(today);
-    sevenDaysAgo.setDate(today.getDate() - 7);
+    const dayOfWeek = today.getDay();
+
+    const lastMonday = new Date(today);
+    lastMonday.setDate(today.getDate() - ((dayOfWeek + 6) % 7));
 
     return this.movies.filter((movie) => {
       const movieDate = new Date(movie.created_at);
-      return movieDate >= sevenDaysAgo;
+      return movieDate >= lastMonday && movieDate <= today;
     });
   }