generated from nhcarrigan/template
hikari
7606a18e38
Implements issue #56 (activity feed) followup - adds complete detail pages for all entity types so activity feed and homepage links work properly. Created Detail Components: - game-detail.component.ts - Shows full game details with platform, series, time played - book-detail.component.ts - Shows book details with author, ISBN, series, reading time - music-detail.component.ts - Shows music details with artist, type (album/single), listening time - art-detail.component.ts - Shows art details with artist, description, large image display - show-detail.component.ts - Shows show details with type (TV/anime/film), watch time - manga-detail.component.ts - Shows manga details with author, reading time Features per Detail Page: - Read-only display of full entity information - Cover/poster/art image display (when available) - Rating display with 10-star system (when applicable) - Time spent formatting (hours and minutes) - Date formatting (British English locale) - Tags display with entity-specific colour schemes - External links with hover effects - Comments section with add/edit/delete functionality - Like button integration - Breadcrumb navigation back to list page - Loading states with spinner - Error handling for not found cases - Responsive design for all screen sizes Routing Updates: - Added 6 new routes: /games/:id, /books/:id, /music/:id, /art/:id, /shows/:id, /manga/:id - All routes use lazy loading with loadComponent Navigation Fixes: - Fixed activity feed like links to point to entity detail pages (was pointing to list) - Updated homepage recent items to link directly to entity detail pages (was pointing to list) Technical Fixes: - Corrected Art component to only use existing fields (removed non-existent medium, rating, notes) - Fixed Show component to use coverImage instead of non-existent posterImage - Added proper null checks for optional fields (timeSpent, dateStarted, dateFinished) - Added non-null assertions where values are guaranteed to exist within conditionals Each detail component follows the established pattern from the list components whilst adapting for single-item display. All components use Angular signals for reactive state management and integrate with existing services. ✨ This issue was created with help from Hikari~ 🌸