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

Changing button labels
All checks were successful
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 1m43s
Details
Music Collection CI Workflow / deploy (push) Successful in 25s
Details
Music Collection CI Workflow / test (./backend) (push) Successful in 21s
Details
Music Collection CI Workflow / test (./frontend) (push) Successful in 27s
Details

Browse Source
This commit is contained in:
Phill Pover 2025-04-06 22:13:36 +01:00
parent 1d111cfeff
commit 1b917180ad
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -19,6 +19,7 @@ export default function Page() {
const [formAlbumArtist, setFormAlbumArtist] = useState(""); const [formAlbumArtist, setFormAlbumArtist] = useState("");
const [formAlbumGenre, setFormAlbumGenre] = useState(""); const [formAlbumGenre, setFormAlbumGenre] = useState("");
const [formModalTitle, setFormModalTitle] = useState("Add Album"); const [formModalTitle, setFormModalTitle] = useState("Add Album");
const [formModalButtonLabel, setFormModalButtonLabel] = useState("Add");
useEffect(() => { useEffect(() => {
async function fetchAlbums() { async function fetchAlbums() {
@ -52,6 +53,7 @@ export default function Page() {
const handleCreate = async () => { const handleCreate = async () => {
setFormModalTitle("Add Album"); setFormModalTitle("Add Album");
setFormModalButtonLabel("Add");
setFormAlbumId(""); setFormAlbumId("");
setFormAlbumTitle(""); setFormAlbumTitle("");
setFormAlbumArtist(""); setFormAlbumArtist("");
@ -65,6 +67,7 @@ export default function Page() {
try { try {
const data = await getAlbum(parseInt(id)); const data = await getAlbum(parseInt(id));
setFormModalTitle("Edit Album"); setFormModalTitle("Edit Album");
setFormModalButtonLabel("Save");
setFormAlbumId(data.id) setFormAlbumId(data.id)
setFormAlbumTitle(data.title); setFormAlbumTitle(data.title);
setFormAlbumArtist(data.artist); setFormAlbumArtist(data.artist);
@ -152,7 +155,7 @@ export default function Page() {
<label htmlFor="album-genre">Genre</label><input type="text" name="genre" id="album-genre" defaultValue={formAlbumGenre} /> <label htmlFor="album-genre">Genre</label><input type="text" name="genre" id="album-genre" defaultValue={formAlbumGenre} />
</div> </div>
</div> </div>
<Button variant="primary" type="submit">Create</Button> <Button variant="primary" type="submit">{formModalButtonLabel}</Button>
</form> </form>
</div> </div>
</Modal.Body> </Modal.Body>