pricing update to db

client/src/components/PricingPlan.js

@@ -209,11 +209,13 @@ const [ purchased, setPurchased ] = useState(false);
 const submit = async (props) => {
     props.preventDefault();
     try {
+        const id = userData.user.id;
         const pricingRes = await Axios.put(
             "http://localhost:5000/users/update", {
-                userData.user.email,
-                pricing
-            }
+            id,
+            pricing
+                
+        }
         
         );
     } catch (err) {
@@ -315,10 +317,12 @@ const submit = async (props) => {
                 </React.Fragment>
              ): (
                  <React.Fragment>
+                            <PricingPlanContainer styles = "{'flex-direction':'column'}">
                             <Heading>user name: {userData.user.username}</Heading>
-                <h1>Plan selected : {pricing}</h1>
+                <Heading>Plan selected : {pricing}</Heading>
 
                 <Button onClick={submit}>Confirm and Pay</Button>
+</PricingPlanContainer>
                 </React.Fragment>
              )
              }

server/routes/users.js

@@ -111,18 +111,18 @@ router.get("/", auth, async (req, res) => {
   });
 });
 router.put("/update", async (req, res) => {
-  const { email,pricing } = req.body;
-  const existingUser = await User.findOne({ email: email });
+  const { id,pricing } = req.body;
   
-  
-  if (!existingUser) {
+  console.log("id " + id)
+  if (!id) {
     return res.status(400).json({ Msg: "Not all fields have been entered." });
 
   }
 
-  User.findByIdAndUpdate({ _id: existingUser._id }, { pricing: pricing }).then(() => {
-    User.findOne({ email: email }).then((user) => {
+  User.findByIdAndUpdate(id, { pricing: pricing }).then(() => {
+    User.findOne({ _id: id }).then((user) => {
       res.send(user);
+      console.log(user)
     })
   })