From a37a23e5d35b0eeb5165985031e512633e1d07b5 Mon Sep 17 00:00:00 2001
From: Phill Pover <phill@anatid.net>
Date: Mon, 7 Apr 2025 00:10:39 +0100
Subject: [PATCH] Fixing song and album ids

---
 frontend/src/app/album/[id]/page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/album/[id]/page.tsx b/frontend/src/app/album/[id]/page.tsx
index dddfa2e..21dd742 100644
--- a/frontend/src/app/album/[id]/page.tsx
+++ b/frontend/src/app/album/[id]/page.tsx
@@ -5,7 +5,7 @@ import { useParams } from 'next/navigation'
 import { Album } from '@/entities/album.entity';
 import { Song } from '@/entities/song.entity';
 import { TimeUtils } from '@/utils/time.util';
-import { createSong, deleteSong, getAlbum, updateSong } from '@/app/actions';
+import { createSong, deleteSong, getAlbum, getSong, updateSong } from '@/app/actions';
 import Button from 'react-bootstrap/Button';
 import Modal from 'react-bootstrap/Modal';
 import { IconButton } from '@mui/material';
@@ -28,7 +28,7 @@ export default function Page() {
   const albumId = params.id;
 
   useEffect(() => {
-    async function fetchAlbum(id: string) {
+    async function fetchAlbum(albumId: string) {
       try {
         const data = await getAlbum(parseInt(albumId));
         setAlbum(data);
@@ -82,7 +82,7 @@ export default function Page() {
         setFormSongTrackNumber(data.trackNumber);
         handleShow();
       } catch (error) {
-        console.error(`Error getting song with ID ${data.id}:`, error);
+        console.error(`Error getting song with ID ${songId}:`, error);
       }
     } else {
       console.error("Couldn't get ID of clicked element");