Fixing icons
All checks were successful
Music Collection CI Workflow / test (./backend) (push) Successful in 22s
Music Collection CI Workflow / test (./frontend) (push) Successful in 28s
Music Collection CI Workflow / build-and-push-images (./backend/Dockerfile, git.anatid.net/tabris/msuic-collection-backend, ./backend) (push) Successful in 48s
Music Collection CI Workflow / build-and-push-images (./frontend/Dockerfile, git.anatid.net/tabris/music-collection-frontend, ./frontend) (push) Successful in 1m43s
Music Collection CI Workflow / deploy (push) Successful in 24s

This commit is contained in:
Phill Pover 2025-04-06 20:30:31 +01:00
parent b39cdfa1cc
commit c82afda119
3 changed files with 17 additions and 8 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.5 KiB

View File

@ -51,12 +51,16 @@ export default function Page() {
const handleEdit = async (event: MouseEvent<HTMLElement>) => {
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() {
</td>
<td>
<IconButton aria-label="edit" size="small" id={album.id.toString()} onClick={handleEdit}>
<Edit fontSize="inherit" />
<Edit fontSize="small" />
</IconButton>
<IconButton aria-label="delete" size="small" id={album.id.toString()} onClick={handleEdit}>
<Delete fontSize="inherit" />
<Delete fontSize="small" />
</IconButton>
</td>
</tr>

View File

@ -1078,3 +1078,8 @@ there.
.popover-item:first-child .popover-link:hover:after {
border-bottom-color: #33C3F0; }
}
.MuiIconButton-root {
color: #fff;
}