lucien/tanuki-s-forum
1
0
Fork 0
generated from lucien/api-template
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add: added pfps and user profile modification

Browse source
This commit is contained in:
Lukian 2025-04-18 15:42:55 +02:00
parent 56d171439e
commit 7781e6b8a1
20 changed files with 404 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

10
front/src/pages/UserPage.tsx
View file

@ -1,4 +1,4 @@
import { useParams } from "react-router-dom";
import { Link, useParams } from "react-router-dom";
import { useEffect, useState } from "react";
import { User, Messages } from "../types";
import TopBar from "../components/TopBar";
@ -75,8 +75,14 @@ export default function UserPage({socket}: {socket: WebSocket}) {
<div className="user-page">
<TopBar user={user} />
<div className="user">
<h2>{pageUser.username}</h2>
<div className="user-top">
<img src={`/api/users/${pageUser.username}/pfp`} alt="pfp" className="user-page-pfp" />
<h2>{pageUser.username}</h2>
</div>
{pageUser.admin ? <p>Admin</p> : <p>User</p>}
{pageUser.id === user?.id && (
<Link to="/edit-profile">Edit profile</Link>
)}
</div>
<div className="user-messages">
<h2>Last messages</h2>