src/components/profile/ProfileForm.js

@@ -6,16 +6,17 @@ export const ProfileForm = () => {
    const[usertoedit, setediteduser ] = useState(localStorage.getItem("graphicsbaytracker_customer"))
    const [userpool, setuserpool] = useState([])
    const [ founduser, setfounduser] = useState({})
+   const [ editedusername, seteditedusername ] = useState("")
+   const [ editeduseremail, setediteduseremail ] = useState("")
    const history = useHistory()
 
 
-    const editprofileinfocall = (editedprofileinfo) => {
-        fetch('https://localhost:8088/users', {
+    const editprofileinfocall = () => {
+        fetch(`https://localhost:8088/users/${founduser.id}`, {
                 method: 'PUT',
                 body: JSON.stringify({
-                    id: founduser.id,
-                    name: editedprofileinfo.name,
-                    email: editedprofileinfo.email,
+                    name: editedusername,
+                    email: editeduseremail,
                     
                 }),
                 headers: {
@@ -35,8 +36,7 @@ export const ProfileForm = () => {
         () => {
            const desireduser = userpool.find((userobj) => userobj.id === parseInt(usertoedit))
             return setfounduser(desireduser)
-        }
-    )
+        }, )
     useEffect(
         () => {
             fetch("http://localhost:8088/users")
@@ -46,12 +46,12 @@ export const ProfileForm = () => {
     return (
         <>
     <h2>Edit Profile Data</h2>
-        <form>
+        <form id="edituserform">
   <label for="fandlname">First and Last Name</label><br/>
-  <input type="text" id="fndlname" name="fandlname"/><br/>
+  <input type="text" id="fndlname" name="fandlname"  onChange={(e) => {seteditedusername(e.target.editedusername)}}/><br/>
   <label for="email">Email</label><br/>
-  <input type="text" id="email" name="email"/>
-  <input type="submit" id="submitbutton" name="submitbutton" onClick={(editedprofileinfo) => editprofileinfocall(editedprofileinfo)}/>
+  <input type="text" id="email" name="email" onChange={(e) => { setediteduseremail(e.target.editeduseremail)}}/>
+  <button type="button" id="submitbutton" name="submitbutton" form="edituserform" onClick={()=> editprofileinfocall()}>Submit</button>
 
     </form>
         </>