From 627b419a978c1dd81d19095bbd2f1c50c8221ce4 Mon Sep 17 00:00:00 2001
From: Phill Pover <phill@anatid.net>
Date: Thu, 3 Apr 2025 10:32:20 +0100
Subject: [PATCH] Adding link to album profile

---
 frontend/src/app/album/page.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/album/page.tsx b/frontend/src/app/album/page.tsx
index be15206..5d141f7 100644
--- a/frontend/src/app/album/page.tsx
+++ b/frontend/src/app/album/page.tsx
@@ -1,6 +1,7 @@
-'use client'
+'use client';
 
-import { useState, useEffect } from 'react'
+import { useState, useEffect } from 'react';
+import Link from 'next/link';
 import { Album } from '@/common/album.entity';
 
 export default function Page() {
@@ -20,7 +21,13 @@ export default function Page() {
   return (
     <ul>
       {albums.map((album: Album) => (
-        <li key={album.id}><a href="">{album.title}</a> by {album.artist} ({album.genre})</li>
+        <li key={album.id}>
+          <Link
+            href={{
+              pathname: `/album/${album.id}`
+            }}
+          >{album.title}
+          </Link> by {album.artist} ({album.genre})</li>
       ))}
     </ul>
   );