Adding catches

backend/src/album/album.controller.ts

@@ -12,28 +12,34 @@ export class AlbumController {
 
   @Get()
   findAll(): Promise<Album[]> {
+    console.log("AlbumController findAll")
     return this.albumService.findAll();
   }
 
   @Get(':id')
-  findOneById(@Param('id') id: number): Promise<Album | null> {
+  findOneById(@console.logremoveAlbumController findOnyById: ",id);
+  Param('id') id: number): Promise<Album | null> {
+    console.log("AlbumController findOnyById: ",id);
     return this.albumService.findOneById(id);
   }
 
   @Post()
   @UsePipes(new ValidationPipe({ transform: true }))
   async create(@Body() createAlbumDto: CreateAlbumDto): Promise<Album | null> {
+    console.log("AlbumController create: ",createAlbumDto);
     return this.albumService.create(createAlbumDto);
   }
 
   @Put(':id')
   @UsePipes(new ValidationPipe({ transform: true }))
   async update(@Param('id') id: number, @Body() updateAlbumDto: UpdateAlbumDto): Promise<Album | null> {
+    console.log("AlbumController update: ",id,updateAlbumDto);
     return this.albumService.update(id, updateAlbumDto);
   }
 
   @Delete(':id')
   async remove(@Param('id') id: number): Promise<DeleteResult> {
+    console.log("AlbumController remove: ",id);
     return this.albumService.remove(id);
   }
 }

frontend/src/app/album/[id]/page.tsx

@@ -12,11 +12,13 @@ import { IconButton } from '@mui/material';
 import { AddCircleOutline, Delete, Edit } from '@mui/icons-material';
 
 export default function Page() {
+  const params = useParams<{ id: string }>();
+  const albumId = params.id;
   const [album, setAlbum] = useState<Album>();
   const [show, setShow] = useState(false);
   const handleClose = () => setShow(false);
   const handleShow = () => setShow(true);
-  const [formAlbumId, setFormAlbumId] = useState("");
+  const [formAlbumId, setFormAlbumId] = useState(albumId);
   const [formSongId, setFormSongId] = useState("");
   const [formSongTitle, setFormSongTitle] = useState("");
   const [formSongDuration, setFormSongDuration] = useState("");
@@ -24,9 +26,6 @@ export default function Page() {
   const [formModalTitle, setFormModalTitle] = useState("Add Song");
   const [formModalButtonLabel, setFormModalButtonLabel] = useState("Add");
 
-  const params = useParams<{ id: string }>();
-  const albumId = params.id;
-
   useEffect(() => {
     async function fetchAlbum(albumId: string) {
       try {