tabris/music-collection
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adding basic delete function
All checks were successful
Music Collection CI Workflow / test (./backend) (push) Successful in 22s
Details
Music Collection CI Workflow / test (./frontend) (push) Successful in 30s
Details
Music Collection CI Workflow / build-and-push-images (./backend/Dockerfile, git.anatid.net/tabris/msuic-collection-backend, ./backend) (push) Successful in 49s
Details
Music Collection CI Workflow / build-and-push-images (./frontend/Dockerfile, git.anatid.net/tabris/music-collection-frontend, ./frontend) (push) Successful in 1m44s
Details
Music Collection CI Workflow / deploy (push) Successful in 24s
Details

Browse Source
This commit is contained in:
Phill Pover 2025-04-06 22:26:46 +01:00
parent cfb6fc62a9
commit 2aa1a3d071
2 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/app/actions.tsx
View File

@ -51,8 +51,7 @@ export async function updateAlbum(formData: FormData) {
}); });
} }
export async function deleteAlbum(formData: FormData) { export async function deleteAlbum(id: number) {
const id = formData.get('id');
return fetch("https://api.anatid.net/album", { return fetch("https://api.anatid.net/album", {
method: "DELETE", method: "DELETE",
headers: { "Content-Type": "application/json" }, headers: { "Content-Type": "application/json" },
@ -113,8 +112,7 @@ export async function updateSong(formData: FormData) {
}); });
} }
export async function deleteSong(formData: FormData) { export async function deleteSong(id: number) {
const id = formData.get('id');
return fetch("https://api.anatid.net/song", { return fetch("https://api.anatid.net/song", {
method: "DELETE", method: "DELETE",
headers: { "Content-Type": "application/json" }, headers: { "Content-Type": "application/json" },

4
frontend/src/app/album/page.tsx
View File

@ -3,7 +3,7 @@
import { FormEvent, MouseEvent, useState, useEffect } from 'react'; import { FormEvent, MouseEvent, useState, useEffect } from 'react';
import Link from 'next/link'; import Link from 'next/link';
import { Album } from '@/entities/album.entity'; import { Album } from '@/entities/album.entity';
import { createAlbum, getAlbum, getAlbums, updateAlbum } from '@/app/actions'; import { createAlbum, deleteAlbum, getAlbum, getAlbums, updateAlbum } from '@/app/actions';
import Button from 'react-bootstrap/Button'; import Button from 'react-bootstrap/Button';
import Modal from 'react-bootstrap/Modal'; import Modal from 'react-bootstrap/Modal';
import { IconButton } from '@mui/material'; import { IconButton } from '@mui/material';
@ -131,7 +131,7 @@ export default function Page() {
<IconButton aria-label="Edit Album" size="small" album-id={album.id.toString()} onClick={handleEdit}> <IconButton aria-label="Edit Album" size="small" album-id={album.id.toString()} onClick={handleEdit}>
<Edit fontSize="inherit" color="success"/> <Edit fontSize="inherit" color="success"/>
</IconButton> </IconButton>
<IconButton aria-label="Delete Album" size="small" album-id={album.id.toString()} onClick={handleEdit}> <IconButton aria-label="Delete Album" size="small" album-id={album.id.toString()} onClick={handleDelete}>
<Delete fontSize="inherit" color="success"/> <Delete fontSize="inherit" color="success"/>
</IconButton> </IconButton>
</td> </td>