From a083500ae8bab8fcfc0969a40364e747421fb8af Mon Sep 17 00:00:00 2001
From: SlinkyShelf <77686856+SlinkyShelf@users.noreply.github.com>
Date: Sat, 21 Sep 2024 21:41:26 -0500
Subject: [PATCH] Signup to wave ui complete (needs backend)

---
 client/src/modules/backend_functions.ts |  1 +
 client/src/pages/Userinfo/Userinfo.tsx  | 26 ++++++++++++++++++++++++-
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/client/src/modules/backend_functions.ts b/client/src/modules/backend_functions.ts
index 6e12ac7..507e2e6 100644
--- a/client/src/modules/backend_functions.ts
+++ b/client/src/modules/backend_functions.ts
@@ -30,6 +30,7 @@ async function setProfileBio(user: User, new_bio: string) {
     const url = `${starting_point}/profile/me?id_token=${encodeURIComponent(await user.getIdToken(true))}`
     await fetch(url, {
         method: "POST",
+        headers: {'Content-Type': "application/json"},
         body: JSON.stringify({
             "bio": new_bio
         })
diff --git a/client/src/pages/Userinfo/Userinfo.tsx b/client/src/pages/Userinfo/Userinfo.tsx
index 19685f2..4a2a7e4 100644
--- a/client/src/pages/Userinfo/Userinfo.tsx
+++ b/client/src/pages/Userinfo/Userinfo.tsx
@@ -16,7 +16,7 @@ function Bio(props: {bio: string})
     const [userData, setUserData] = user_data_state.useState()
 
     useEffect(() => {
-
+        setLocalBio(bio)
     }, [bio])
 
     const textboxRef = useRef(null);
@@ -88,6 +88,30 @@ function NotSignedIn()
     </div>
 }
 
+function MatchingSignup()
+{
+    const [userData, setUserData] = user_data_state.useState()
+
+    function cancel_signup()
+    {
+        
+    }
+
+    function request_signup()
+    {
+
+    }
+
+    return <div>
+        {userData && userData.open_to_wave?<div>
+            <h4>You are signed up for the next wave</h4>
+            <Button variant="danger" onClick={cancel_signup}>Cancel Signup</Button>
+        </div>:<div>
+            <Button variant="success" onClick={request_signup}>Cancel Signup</Button>
+        </div>}
+    </div>
+}
+
 function InfoWindow()
 {
     const [user, setUser] = useState<User|null>()