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
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 25s
Music Collection CI Workflow / test (./backend) (push) Successful in 21s
Music Collection CI Workflow / test (./frontend) (push) Successful in 27s

This commit is contained in:
Phill Pover 2025-04-06 22:13:36 +01:00
parent 1d111cfeff
commit 1b917180ad

View File

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