Added Status Feature

backend/controllers/userController.js

@@ -57,7 +57,9 @@ exports.UpdateMe=catchAsync(async(req,res,next)=>{
     if(!req.body.name||!req.body.email)
     next(new AppError('Empty fields are not allowed',400))
 
-    const filteredBody=filterObj(req.body,"name","email")
+    console.log(req.body);
+
+    const filteredBody=filterObj(req.body,"name","email","status")
     const updatedUser = await User.findByIdAndUpdate(req.user.id, filteredBody, {
         new: true,
         runValidators: true

backend/models/userModel.js

@@ -5,6 +5,7 @@ const axios=require('axios')
 const userSchema=new mongoose.Schema({
     name:{type:String,required:true},
     email:{type:String,required:true,unique:true},
+    status:{type:String,required:false, default:"Available"},
     password:{type:String,required:true},
     pic: {
         type:String,

frontend/src/components/SearchComponents/User.js

@@ -15,7 +15,7 @@ export default function User({values,accessChat}) {
         <Avatar referrerPolicy="no-referrer" alt="User-pic" sx={{width:48,height:48}} src={values.pic.startsWith('user')?`${process.env.REACT_APP_API_URL}/${values.pic}`:`${values.pic}`} />
         <div className='flex flex-col ml-2'>
             <div className='font-bold font-Roboto text-sm'>{values.name}</div>
-            <div className="text-xs  text-[#979797]">{values.email}</div>
+            <div className="text-xs  text-[#979797]">{values.status}</div>
         </div>
     </div>
     </MotionAnimate>

frontend/src/components/SettingsComponents/InputStatus.js

@@ -0,0 +1,19 @@
+import React from 'react'
+import { TextField } from '@mui/material'
+
+export default function InputName({status,setStatus}) {
+
+  const nameHandler=(e)=>{
+    setStatus(e.target.value);
+  }
+
+  return (
+    <TextField
+    value={status}
+    onChange={nameHandler}
+    id="outlined-read-only-input"
+    label="Status"
+    style={{width:'40%'}}
+  />
+  )
+}

frontend/src/components/SignupComponents/Main.js

@@ -19,7 +19,7 @@ export default function Main() {
 
   const navigation=useNavigation();
   const submit=useSubmit();
-  const [SignUpData,setSignUpData]=useState({name:'',email:'',password:''});
+  const [SignUpData,setSignUpData]=useState({name:'',email:'',password:'', status:'Available'});
   const[submiting,setSubmiting]=useState(false);
   const [showPassword, setShowPassword] = useState(false);
 

frontend/src/pages/Search.js

@@ -60,6 +60,7 @@ export default function Search() {
     }
   })
   const data=await response.json();
+  // console.log(data);
   SetisLoading(false);
   data.users.length=data.users.length>2?data.users.length=2:data.users.length;
   SetUsers(data.users)
@@ -96,3 +97,5 @@ export default function Search() {
     </div>
   )
 }
+
+

frontend/src/pages/Settings.js

@@ -2,6 +2,7 @@ import React from "react";
 import Profile from "../components/SettingsComponents/Profile";
 import InputName from "../components/SettingsComponents/InputName";
 import InputEmail from "../components/SettingsComponents/InputEmail";
+import InputStatus from "../components/SettingsComponents/InputStatus";
 import { useState,useEffect} from "react";
 import {setUser} from '../services/Actions/User/actions'
 import { useDispatch } from 'react-redux';
@@ -14,10 +15,12 @@ export default function Settings() {
   const storedData = JSON.parse(localStorage.getItem("info"));
   const [name, setName] = useState(storedData.name);
   const [email, setEmail] = useState(storedData.email);
+  const [status, setStatus] = useState(storedData.status);
 
   const resetData = () => {
     setName(storedData.name);
     setEmail(storedData.email);
+    setStatus(storedData.status);
   };
   const notify = (value) => {
     if (value === "error")
@@ -48,7 +51,9 @@ export default function Settings() {
     const dataSent = {
       name,
       email,
+      status
     };
+    // console.log(dataSent);
     const updateData = async () => {
       const cookie = localStorage.getItem("jwt");
       const response = await fetch(
@@ -63,6 +68,7 @@ export default function Settings() {
         }
       );
       const data = await response.json();
+      // console.log(data);
       if (data.status === "success")
       {
         notify("success");
@@ -91,6 +97,7 @@ export default function Settings() {
           <div className="mt-[3%] flex flex-col gap-8">
             <InputName name={name} setName={setName}></InputName>
             <InputEmail email={email} setEmail={setEmail}></InputEmail>
+            <InputStatus status={status} setStatus={setStatus}></InputStatus>
           </div>
           <div className="flex flex-row mt-[2%] gap-2">
             <div