saving prototype code for change profile info code

2021-12-19 18:39:03 -06:00
parent 19bcd0b5cd
commit 47739caa54
3 changed files with 96 additions and 32 deletions
@@ -0,0 +1,60 @@
+import { useEffect, useState } from "react"
+import { useHistory } from "react-router-dom"
+
+
+export const ProfileForm = () => {
+   const[usertoedit, setediteduser ] = useState(localStorage.getItem("graphicsbaytracker_customer"))
+   const [userpool, setuserpool] = useState([])
+   const [ founduser, setfounduser] = useState({})
+   const history = useHistory()
+
+
+    const editprofileinfocall = (editedprofileinfo) => {
+        fetch('https://localhost:8088/users', {
+                method: 'PUT',
+                body: JSON.stringify({
+                    id: founduser.id,
+                    name: editedprofileinfo.name,
+                    email: editedprofileinfo.email,
+                    
+                }),
+                headers: {
+                  "Content-type": "application/json; charset=UTF-8"
+                }
+            }).then(response => {
+                            return response.json()
+            }).then(json => {
+                console.log(json)
+                this.setState({
+                    user:json
+                });
+            }).then(() => history.push("profile/Profile"))
+        
+    }
+    useEffect(
+        () => {
+           const desireduser = userpool.find((userobj) => userobj.id === parseInt(usertoedit))
+            return setfounduser(desireduser)
+        }
+    )
+    useEffect(
+        () => {
+            fetch("http://localhost:8088/users")
+                .then(res => res.json())
+                .then(setuserpool)
+        }, [])
+    return (
+        <>
+    <h2>Edit Profile Data</h2>
+        <form>
+  <label for="fandlname">First and Last Name</label><br/>
+  <input type="text" id="fndlname" name="fandlname"/><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)}/>
+
+    </form>
+        </>
+    )
+}
+