diff --git a/frontend/public/images/pencil.png b/frontend/public/images/pencil.png deleted file mode 100644 index 100b27f..0000000 Binary files a/frontend/public/images/pencil.png and /dev/null differ diff --git a/frontend/src/app/album/page.tsx b/frontend/src/app/album/page.tsx index 8409732..577f26a 100644 --- a/frontend/src/app/album/page.tsx +++ b/frontend/src/app/album/page.tsx @@ -51,12 +51,16 @@ export default function Page() { const handleEdit = async (event: MouseEvent) => { const id = event.currentTarget.getAttribute('id'); if (id) { - const response = await getAlbum(id); - const data = await response.json(); - setFormAlbumTitle(data.title); - setFormAlbumArtist(data.artist); - setFormAlbumGenre(data.genre); - handleShow(); + try { + const response = await getAlbum(id); + const data = await response.json(); + setFormAlbumTitle(data.title); + setFormAlbumArtist(data.artist); + setFormAlbumGenre(data.genre); + handleShow(); + } catch (error) { + console.error(`Error getting album with ID ${id}:`, error); + } } else { console.error("Couldn't get ID of clicked element"); } @@ -97,10 +101,10 @@ export default function Page() { - + - + diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css index f6460e9..62e315a 100644 --- a/frontend/src/app/globals.css +++ b/frontend/src/app/globals.css @@ -1078,3 +1078,8 @@ there. .popover-item:first-child .popover-link:hover:after { border-bottom-color: #33C3F0; } } + + +.MuiIconButton-root { + color: #fff; +}