vuminh224/hackathon
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feat: Ajout de la liste des athlètes + correction visuelle detailSession

Browse Source
This commit is contained in:
Amaël Kesteman
2026-01-10 18:56:45 +01:00
parent e85f76c810
commit 3a74f6b52d
2 changed files with 26 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
front_end/src/components/object/user.tsx
View File

@@ -18,12 +18,22 @@ type Props = {
function ObjectUser({admin=null,athlete=null,coach=null}:Props){
const {user,setUser} = useLocalData()
const[user2,setUser2]= useState<User>(getUser());
const [open, setOpen] = useState<boolean>(false);
const [open2, setOpen2] = useState<boolean>(false);
const [loading,setLoading] = useState<boolean>(false);
const [sessions,setSessions] = useState<Session[]>([]);
// Initialisation sécurisée des sessions
function getInitialSessions(): Session[] {
if (athlete) return [...(athlete.sessions || [])];
if (coach) return [...(coach.sessions || [])];
return [];
}
const [sessions, setSessions] = useState<Session[]>(getInitialSessions());
function getUser(): User{
if(admin!=null) return admin;
@@ -75,7 +85,7 @@ function ObjectUser({admin=null,athlete=null,coach=null}:Props){
useEffect(() => {
if(!loading){
if(athlete!==null){
setSessions([...athlete.sessions])
setSessions([...(athlete.sessions || [])]);
}
if(coach!==null){
setSessions([...coach.sessions])
@@ -87,6 +97,7 @@ function ObjectUser({admin=null,athlete=null,coach=null}:Props){
function returnSession(session: Session|null){
if(session!==null){
if(athlete!==null){
athlete.sessions = athlete.sessions || [];
athlete.sessions.push(session);
setSessions([...athlete.sessions])
}
@@ -101,7 +112,7 @@ function ObjectUser({admin=null,athlete=null,coach=null}:Props){
return(
<div>
<div className="object" onClick={() => handleOpen()}>
<div>{user2.nom}</div>
<div>{user2.prenom} {user2.nom}</div>
{/* <div>{user2.role}</div> */}
</div>
@@ -117,7 +128,7 @@ function ObjectUser({admin=null,athlete=null,coach=null}:Props){
</div>
{athlete !== null && (
<div className="stats-container">
<StatAthlete athlete={athlete} sessions={sessions} />
<StatAthlete athlete={athlete} sessions={athlete?.sessions || []} />
</div>
)}
</div>