integrated User name in dashboard with email

backend/controllers/user.js

@@ -2,14 +2,14 @@ const User = require('../models/user')
 const { customAlphabet } = require('nanoid')
 const nanoid = customAlphabet('1234567890abcdefghijklmnopqrstuvwxyz', 25)
 
-module.exports.register = async ({ body: { email, password } }, res) => {
+module.exports.register = async ({ body: { email, password,name } }, res) => {
    try {
       if (!email || !password) return res.sendStatus(400)
       let oldUser = await User.findOne({ email }).catch((err) => {
          console.error(err)
       })
       if (oldUser) return res.status(400).send('Already Exists')
-      let user = new User({ email })
+      let user = new User({ email,name })
       user.setPassword(password)
       let validationError = false
       await user.save().catch((err) => {

backend/models/user.js

@@ -51,6 +51,7 @@ UsersSchema.methods.generateJWT = function () {
 
    return jwt.sign(
       {
+        name : this.name,
          email: this.email,
          hash: this.hash,
          id: this._id,

frontend/components/Dashboard/Dashboard.jsx

@@ -27,6 +27,9 @@ function changePageContent(e){
 }
 
 function Sidebar1() {
+
+    const {user:{name,email}} = useContext(UserAuth)
+    
   return (
     <div className="sidebar">
       <CloseIcon className="close_icon" onClick={toggleSidebar1} />
@@ -39,8 +42,8 @@ function Sidebar1() {
           <div className="profile-image">
             <img src="https://png.pngtree.com/png-vector/20190307/ourlarge/pngtree-vector-edit-profile-icon-png-image_760869.jpg" />
           </div>
-          <p className="name">Hayat</p>
-          <p className="profession">Product Designer</p>
+          <p className="name">{name}</p>
+          <p className="profession">{email}</p>
         </div>
         <div className="creatButton">
           <button>Create Link</button>

frontend/helpers/user/userState.js

@@ -49,13 +49,13 @@ const UserAuthProvider = ({ children }) => {
       })
     return login
   }
-  const createAcc = async ({ email, password, name }) => {
+  const createAcc = async ({ email, password, username }) => {
     let register = true
     await axios
       .post(`/user/register`, {
         email: email,
         password: password,
-        name: name,
+        name: username,
       })
       .then(function (response) {
         console.log(response)
@@ -80,6 +80,7 @@ const UserAuthProvider = ({ children }) => {
       url: '/user/me',
     })
       .then((user) => {
+          console.log(user);
         setUser(user.data)
       })
       .catch((err) => {
@@ -94,7 +95,7 @@ const UserAuthProvider = ({ children }) => {
     setJwt(null)
     storeJWT(null)
   }
-  const context = { jwt, user, mode, login, logout, createAcc, handleLightMode, handleDarkMode }
+  const context = { jwt, user, mode, login, logout, createAcc, handleLightMode, handleDarkMode,fetchUser }
   useEffect(() => {
     let jwt = fetchJWT()
     if (jwt) {