TurTaskProject/TurTaskWeb
1
0
Fork 0
mirror of https://github.com/TurTaskProject/TurTaskWeb.git synced 2025-12-18 21:44:07 +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() { export function ProfileUpdatePage() {
const [profile_pic, setProfilePic] = useState(undefined); const [profile_pic, setProfilePic] = useState(undefined);
const [about, setAbout] = useState(); const [about, setAbout] = useState();
const [firstName, setFirstname] = useState(); const [username, setUsernames] = useState();
useEffect(() => { useEffect(() => {
const fetchUser = async () => { const fetchUser = async () => {
try { try {
const response = await axiosInstance.get("/user/data/"); const response = await axiosInstance.get("/user/data/");
const fetchedProfilePic = response.data.profile_pic; const fetchedProfilePic = response.data.profile_pic;
const fetchedAbout = response.data.about; const fetchedAbout = response.data.about;
console.log(fetchedAbout); const fetchedUsernames = response.data.username;
const fetchedFirstname = response.data.first_name;
setProfilePic(fetchedProfilePic); setProfilePic(fetchedProfilePic);
setAbout(fetchedAbout); setAbout(fetchedAbout);
setFirstname(fetchedFirstname); setUsernames(fetchedUsernames);
} catch (error) { } catch (error) {
console.error("Error fetching user:", error); console.error("Error fetching user:", error);
} }
@ -27,8 +26,8 @@ export function ProfileUpdatePage() {
<div> <div>
<div className="stats shadow mt-3"> <div className="stats shadow mt-3">
<div className="stat"> <div className="stat">
<div className="stat-title truncate">Firstname</div> <div className="stat-title truncate">Username</div>
<div className="stat-value truncate">{firstName}</div> <div className="stat-value truncate">{username}</div>
{/* <div className="stat-desc truncate">User ID</div> */} {/* <div className="stat-desc truncate">User ID</div> */}
<div className="stat-figure text-secondary"> <div className="stat-figure text-secondary">
<div className="avatar online"> <div className="avatar online">