TurTaskProject/TurTaskWeb
1
0
Fork 0
mirror of https://github.com/TurTaskProject/TurTaskWeb.git synced 2025-12-18 13:34:08 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update profile page component to display username

Browse Source 
instead of first name
This commit is contained in:
Pattadon 2023-11-28 10:59:05 +07:00
parent 34cc54f8a7
commit 06b188752f
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/components/profile/profilePage.jsx
View File

@ -5,18 +5,17 @@ import { useEffect, useState } from "react";
export function ProfileUpdatePage() {
const [profile_pic, setProfilePic] = useState(undefined);
const [about, setAbout] = useState();
const [firstName, setFirstname] = useState();
const [username, setUsernames] = useState();
useEffect(() => {
const fetchUser = async () => {
try {
const response = await axiosInstance.get("/user/data/");
const fetchedProfilePic = response.data.profile_pic;
const fetchedAbout = response.data.about;
console.log(fetchedAbout);
const fetchedFirstname = response.data.first_name;
const fetchedUsernames = response.data.username;
setProfilePic(fetchedProfilePic);
setAbout(fetchedAbout);
setFirstname(fetchedFirstname);
setUsernames(fetchedUsernames);
} catch (error) {
console.error("Error fetching user:", error);
}
@ -27,8 +26,8 @@ export function ProfileUpdatePage() {
<div>
<div className="stats shadow mt-3">
<div className="stat">
<div className="stat-title truncate">Firstname</div>
<div className="stat-value truncate">{firstName}</div>
<div className="stat-title truncate">Username</div>
<div className="stat-value truncate">{username}</div>
{/* <div className="stat-desc truncate">User ID</div> */}
<div className="stat-figure text-secondary">
<div className="avatar online">