From afdcc346ddcdce0811fd6e63e2d7051302e49317 Mon Sep 17 00:00:00 2001
From: Naomi Carrigan <commits@nhcarrigan.com>
Date: Thu, 19 Feb 2026 15:24:59 -0800
Subject: [PATCH] feat: show created and edited dates

---
 .../app/components/books/books-list.component.ts | 16 +++++++++++++++-
 .../app/components/games/games-list.component.ts | 12 +++++++++++-
 .../app/components/manga/manga-list.component.ts | 16 +++++++++++++++-
 .../app/components/music/music-list.component.ts | 16 +++++++++++++++-
 .../app/components/shows/shows-list.component.ts | 16 +++++++++++++++-
 5 files changed, 71 insertions(+), 5 deletions(-)

diff --git a/apps/frontend/src/app/components/books/books-list.component.ts b/apps/frontend/src/app/components/books/books-list.component.ts
index 2ce3d9e..abc6d0c 100644
--- a/apps/frontend/src/app/components/books/books-list.component.ts
+++ b/apps/frontend/src/app/components/books/books-list.component.ts
@@ -595,6 +595,18 @@ import { Book, BookStatus, CreateBookDto, UpdateBookDto, Comment, SuggestionEnti
                   </p>
                 }
 
+                @if (book.createdAt) {
+                  <p class="date-added">
+                    Added: {{ formatDate(book.createdAt) }}
+                  </p>
+                }
+
+                @if (book.updatedAt) {
+                  <p class="date-updated">
+                    Updated: {{ formatDate(book.updatedAt) }}
+                  </p>
+                }
+
                 @if (authService.isAdmin()) {
                   <div class="actions">
                     <button (click)="startEdit(book)" class="btn btn-secondary btn-sm">
@@ -1031,7 +1043,9 @@ import { Book, BookStatus, CreateBookDto, UpdateBookDto, Comment, SuggestionEnti
     }
 
     .date-started,
-    .date-finished {
+    .date-finished,
+    .date-added,
+    .date-updated {
       font-size: 0.85rem;
       color: var(--witch-plum);
       margin-top: 0.5rem;
diff --git a/apps/frontend/src/app/components/games/games-list.component.ts b/apps/frontend/src/app/components/games/games-list.component.ts
index 5af0428..a02531d 100644
--- a/apps/frontend/src/app/components/games/games-list.component.ts
+++ b/apps/frontend/src/app/components/games/games-list.component.ts
@@ -552,6 +552,14 @@ import { Game, GameStatus, CreateGameDto, UpdateGameDto, Comment, SuggestionEnti
                   </p>
                 }
 
+                <p class="date-added">
+                  Added: {{ formatDate(game.createdAt) }}
+                </p>
+
+                <p class="date-updated">
+                  Updated: {{ formatDate(game.updatedAt) }}
+                </p>
+
                 @if (authService.isAdmin()) {
                   <div class="actions">
                     <button (click)="startEdit(game)" class="btn btn-secondary btn-sm">
@@ -907,7 +915,9 @@ import { Game, GameStatus, CreateGameDto, UpdateGameDto, Comment, SuggestionEnti
     }
 
     .date-started,
-    .date-finished {
+    .date-finished,
+    .date-added,
+    .date-updated {
       font-size: 0.85rem;
       color: #4b5563;
       margin-top: 0.5rem;
diff --git a/apps/frontend/src/app/components/manga/manga-list.component.ts b/apps/frontend/src/app/components/manga/manga-list.component.ts
index 5d16fa9..9aa6a32 100644
--- a/apps/frontend/src/app/components/manga/manga-list.component.ts
+++ b/apps/frontend/src/app/components/manga/manga-list.component.ts
@@ -553,6 +553,18 @@ import { Manga, MangaStatus, CreateMangaDto, UpdateMangaDto, Comment, Suggestion
                   </p>
                 }
 
+                @if (manga.createdAt) {
+                  <p class="date-added">
+                    Added: {{ formatDate(manga.createdAt) }}
+                  </p>
+                }
+
+                @if (manga.updatedAt) {
+                  <p class="date-updated">
+                    Updated: {{ formatDate(manga.updatedAt) }}
+                  </p>
+                }
+
                 @if (authService.isAdmin()) {
                   <div class="actions">
                     <button (click)="startEdit(manga)" class="btn btn-secondary btn-sm">
@@ -910,7 +922,9 @@ import { Manga, MangaStatus, CreateMangaDto, UpdateMangaDto, Comment, Suggestion
     }
 
     .date-started,
-    .date-finished {
+    .date-finished,
+    .date-added,
+    .date-updated {
       font-size: 0.85rem;
       color: #4b5563;
       margin-top: 0.5rem;
diff --git a/apps/frontend/src/app/components/music/music-list.component.ts b/apps/frontend/src/app/components/music/music-list.component.ts
index 1a09dd8..8a8b8a1 100644
--- a/apps/frontend/src/app/components/music/music-list.component.ts
+++ b/apps/frontend/src/app/components/music/music-list.component.ts
@@ -629,6 +629,18 @@ import { Music, MusicStatus, MusicType, CreateMusicDto, UpdateMusicDto, Comment,
                   </p>
                 }
 
+                @if (music.createdAt) {
+                  <p class="date-added">
+                    Added: {{ formatDate(music.createdAt) }}
+                  </p>
+                }
+
+                @if (music.updatedAt) {
+                  <p class="date-updated">
+                    Updated: {{ formatDate(music.updatedAt) }}
+                  </p>
+                }
+
                 @if (authService.isAdmin()) {
                   <div class="actions">
                     <button (click)="startEdit(music)" class="btn btn-secondary btn-sm">
@@ -1060,7 +1072,9 @@ import { Music, MusicStatus, MusicType, CreateMusicDto, UpdateMusicDto, Comment,
     }
 
     .date-started,
-    .date-finished {
+    .date-finished,
+    .date-added,
+    .date-updated {
       font-size: 0.85rem;
       color: var(--witch-plum);
       margin-top: 0.5rem;
diff --git a/apps/frontend/src/app/components/shows/shows-list.component.ts b/apps/frontend/src/app/components/shows/shows-list.component.ts
index b4540fd..d623fa5 100644
--- a/apps/frontend/src/app/components/shows/shows-list.component.ts
+++ b/apps/frontend/src/app/components/shows/shows-list.component.ts
@@ -547,6 +547,18 @@ import { Show, ShowStatus, ShowType, CreateShowDto, UpdateShowDto, Comment, Sugg
                   </p>
                 }
 
+                @if (show.createdAt) {
+                  <p class="date-added">
+                    Added: {{ formatDate(show.createdAt) }}
+                  </p>
+                }
+
+                @if (show.updatedAt) {
+                  <p class="date-updated">
+                    Updated: {{ formatDate(show.updatedAt) }}
+                  </p>
+                }
+
                 @if (authService.isAdmin()) {
                   <div class="actions">
                     <button (click)="startEdit(show)" class="btn btn-secondary btn-sm">
@@ -903,7 +915,9 @@ import { Show, ShowStatus, ShowType, CreateShowDto, UpdateShowDto, Comment, Sugg
     }
 
     .date-started,
-    .date-finished {
+    .date-finished,
+    .date-added,
+    .date-updated {
       font-size: 0.85rem;
       color: #4b5563;
       margin-top: 0.5rem;