fix: undefined email in profile (#316)

client/src/context/reducers/authReducer.js

@@ -22,6 +22,7 @@ export default function authReducer(state, action) {
             });
             // Save auth state to localStorage on each change
             localStorage.setItem('auth', JSON.stringify(clonedState));
+
             return clonedState;
         }
 
@@ -39,4 +40,5 @@ export default function authReducer(state, action) {
         default:
             throw new Error('No action provided!');
     }
+
 }

client/src/pages/Profile.jsx

@@ -9,23 +9,24 @@ import { api } from 'src/lib/axios';
 import { createClassesFromArray } from 'src/lib/utils';
 
 const Profile = () => {
-    const [username, setUsername] = useState('anonymous')
+    const [username, setUsername] = useState('Anonymous')
 
-    const { email, dispatchAuth } = useAuth();
+    const { authState, dispatchAuth } = useAuth();
     const { logout } = useKindeAuth()
 
     const aboutRef = useRef(null)
     const genderRef = useRef(null)
     const ageRef = useRef(null)
 
+    const { email } = authState
 
     const getProfileData = async (email) => {
         try {
             const response = await api.get(`/profile/${email}`);
             const { aboutMe, age, gender, username } = response.data
 
             setUsername(username);
-            aboutRef.current.value = aboutMe;
+            aboutRef.current.value = aboutMe || ''
             ageRef.current.value = age
             genderRef.current.value = gender
         } catch (error) {