🍁 admin profile made dynamic using localstorage (#865)

* admin profile made dynamic successfully

* admin functionality made dynamic

---------

Co-authored-by: Mandar007007 <[email protected]>

backend/app/routes/auth/login.js

@@ -32,6 +32,7 @@ module.exports = async (req, res, next) => {
     name: `${userRecord.firstName} ${userRecord.lastName}`,
     email: userRecord.email,
     isSuperAdmin: userRecord.isSuperAdmin,
+    phone: userRecord.contact,
   };
   const JWT = generateJWT(JWTPayload);
   const response = { ...JWTPayload, token: JWT };

frontend/src/pages/Admin/Admin.jsx

@@ -30,6 +30,7 @@ export const Admin = (props) => {
   const toggleNav = () => setIsMenuOpen(!isMenuOpen);
   const closeMobileMenu = () => setIsMenuOpen(false);
   const dispatch = useDispatch();
+  const firstName = localStorage.getItem("firstName");
 
   useEffect(() => {
     const token = localStorage.getItem("token");
@@ -55,7 +56,7 @@ export const Admin = (props) => {
               className={style["img-admin"]}
               alt="admin_img"
             />
-            <h1 className={style["h1"]}>Welcome Admin!</h1>
+            <h1 className={style["h1"]}>Welcome {firstName}!</h1>
           </div>
           <ul
             className={

frontend/src/pages/Admin/Components/Profile/Profile.jsx

@@ -1,14 +1,20 @@
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import EditIcon from "@material-ui/icons/Edit";
 import CloseIcon from "@material-ui/icons/Close";
 import style from "./profile.module.scss";
 
 export function Profile() {
   const [name, setName] = useState("Super Admin Name");
   const [email, setEmail] = useState("[email protected]");
-  const [phone, setPhone] = useState("+91-1234567891");
+  const [phone, setPhone] = useState("+91-123456789");
   const [edit, setEdit] = useState(false);
 
+  useEffect(() => {
+    setName(localStorage.getItem("firstName"));
+    setEmail(localStorage.getItem("email"));
+    setPhone(localStorage.getItem("phone"));
+  },[setName,setEmail,setPhone])
+
   return (
     <div className={style["profile-container"]}>
       <h1>My Profile</h1>

frontend/src/pages/Login/Login.jsx

@@ -105,16 +105,22 @@ export function Login(props) {
             .json()
             .then((res) => {
               if (response.status === 200) {
+                const firstName = res.name.split(' ')[0];
                 localStorage.setItem("token", res.token);
                 localStorage.setItem("isSuperAdmin", res.isSuperAdmin);
+                localStorage.setItem("firstName", firstName);
+                localStorage.setItem("email", res.email);
+                localStorage.setItem("phone", res.phone);
                 window.location = "/dashboard?loggedin";
               } else if (response.status === 400) {
                 setOpenError2Toast(true);
               } else {
                 setOpenError3Toast(true);
               }
             })
-            .catch((err) => setOpenError3Toast(true))
+            .catch((err) => {
+              console.error(err);
+              setOpenError3Toast(true)})
         )
         .catch((err) => {
           setOpenError1Toast(true);