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

Adding page refresh
All checks were successful
Music Collection CI Workflow / test (./backend) (push) Successful in 22s
Details
Music Collection CI Workflow / test (./frontend) (push) Successful in 20s
Details
Music Collection CI Workflow / build-and-push-images (./backend/Dockerfile, git.anatid.net/tabris/msuic-collection-backend, ./backend) (push) Successful in 50s
Details
Music Collection CI Workflow / build-and-push-images (./frontend/Dockerfile, git.anatid.net/tabris/music-collection-frontend, ./frontend) (push) Successful in 1m14s
Details
Music Collection CI Workflow / deploy (push) Successful in 22s
Details

Browse Source
This commit is contained in:
Phill Pover 2025-04-03 14:25:07 +01:00
parent 6d1b996368
commit bb9b2988e5
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3,13 +3,12 @@
import { FormEvent, useState, useEffect } from 'react'; import { FormEvent, 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 { CreateAlbumForm } from '@/app/ui/form';
import { createAlbum } from '@/app/actions'; import { createAlbum } from '@/app/actions';
// import { useRouter } from 'next/navigation'; import { useRouter } from 'next/navigation';
export default function Page() { export default function Page() {
const [albums, setAlbums] = useState<Album[]>([]); const [albums, setAlbums] = useState<Album[]>([]);
// const router = useRouter(); const router = useRouter();
useEffect(() => { useEffect(() => {
async function fetchAlbums() { async function fetchAlbums() {
@ -17,19 +16,19 @@ export default function Page() {
const data = await response.json(); const data = await response.json();
setAlbums(data); setAlbums(data);
} }
fetchAlbums() fetchAlbums();
}, []); }, []);
if (!albums) return <div>Loading...</div> if (!albums) return <div>Loading...</div>
async function onSubmit(event: FormEvent<HTMLFormElement>) { async function onSubmit(event: FormEvent<HTMLFormElement>) {
event.preventDefault() event.preventDefault();
const formData = new FormData(event.currentTarget); const formData = new FormData(event.currentTarget);
const response = await createAlbum(formData); const response = await createAlbum(formData);
const data = await response.json() await response.json();
setAlbums(data); router.refresh();
} }
return ( return (