From d53625f935a0a57689f874eaa493f065982e1d69 Mon Sep 17 00:00:00 2001
From: Phill Pover <phill@anatid.net>
Date: Sun, 6 Apr 2025 19:49:51 +0100
Subject: [PATCH] Adding set states

---
 frontend/src/app/album/page.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/album/page.tsx b/frontend/src/app/album/page.tsx
index c4aa98f..c32a533 100644
--- a/frontend/src/app/album/page.tsx
+++ b/frontend/src/app/album/page.tsx
@@ -12,7 +12,9 @@ export default function Page() {
   const [show, setShow] = useState(false);
   const handleClose = () => setShow(false);
   const handleShow = () => setShow(true);
-  let [formAlbumTitle, formAlbumArtist, formAlbumGenre] = '';
+  const [formAlbumTitle, setFormAlbumTitle] = useState("");
+  const [formAlbumArtist, setFormAlbumArtist] = useState("");
+  const [formAlbumGenre, setFormAlbumGenre] = useState("");
 
   useEffect(() => {
     async function fetchAlbums() {
@@ -38,9 +40,9 @@ export default function Page() {
   }
 
   const handleEdit = async () => {
-    formAlbumTitle = "Monkey";
-    formAlbumArtist = "Donkey";
-    formAlbumGenre = "Pop";
+    setFormAlbumTitle("Monkey");
+    setFormAlbumArtist("Donkey");
+    setFormAlbumGenre("Pop");
     handleShow();
   }