|
|
@ -12,7 +12,7 @@ export default function TeamPanel({
|
|
|
|
currentUserId: number
|
|
|
|
currentUserId: number
|
|
|
|
}) {
|
|
|
|
}) {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<div id="mainDiv">
|
|
|
|
<div id="main-div">
|
|
|
|
<header>
|
|
|
|
<header>
|
|
|
|
<h1>
|
|
|
|
<h1>
|
|
|
|
<a href={BASE + "/"}>IQBall</a>
|
|
|
|
<a href={BASE + "/"}>IQBall</a>
|
|
|
@ -34,9 +34,9 @@ export default function TeamPanel({
|
|
|
|
|
|
|
|
|
|
|
|
function TeamDisplay({ team }: { team: TeamInfo }) {
|
|
|
|
function TeamDisplay({ team }: { team: TeamInfo }) {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<div id="teamInfo">
|
|
|
|
<div id="team-info">
|
|
|
|
<div id="firstPart">
|
|
|
|
<div id="first-part">
|
|
|
|
<h1 id="teamName">{team.name}</h1>
|
|
|
|
<h1 id="team-name">{team.name}</h1>
|
|
|
|
<img id="logo" src={team.picture} alt="Logo d'équipe" />
|
|
|
|
<img id="logo" src={team.picture} alt="Logo d'équipe" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="colors">
|
|
|
|
<div id="colors">
|
|
|
@ -44,7 +44,7 @@ function TeamDisplay({ team }: { team: TeamInfo }) {
|
|
|
|
<p>Couleur principale</p>
|
|
|
|
<p>Couleur principale</p>
|
|
|
|
<p>Couleur secondaire</p>
|
|
|
|
<p>Couleur secondaire</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="actualColors">
|
|
|
|
<div id="actual-colors">
|
|
|
|
<ColorDisplay color={team.mainColor} />
|
|
|
|
<ColorDisplay color={team.mainColor} />
|
|
|
|
<ColorDisplay color={team.secondColor} />
|
|
|
|
<ColorDisplay color={team.secondColor} />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -100,12 +100,12 @@ function MembersDisplay({
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
))
|
|
|
|
))
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<div id="Members">
|
|
|
|
<div id="members">
|
|
|
|
<div id="headMembers">
|
|
|
|
<div id="head-members">
|
|
|
|
<h2>Membres :</h2>
|
|
|
|
<h2>Membres :</h2>
|
|
|
|
{isCoach && (
|
|
|
|
{isCoach && (
|
|
|
|
<button
|
|
|
|
<button
|
|
|
|
id="addMember"
|
|
|
|
id="add-member"
|
|
|
|
onClick={() =>
|
|
|
|
onClick={() =>
|
|
|
|
(window.location.href = `${BASE}/team/${idTeam}/addMember`)
|
|
|
|
(window.location.href = `${BASE}/team/${idTeam}/addMember`)
|
|
|
|
}>
|
|
|
|
}>
|
|
|
@ -130,9 +130,9 @@ function MemberDisplay({
|
|
|
|
currentUserId: number
|
|
|
|
currentUserId: number
|
|
|
|
}) {
|
|
|
|
}) {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<div className="Member">
|
|
|
|
<div className="member">
|
|
|
|
<img
|
|
|
|
<img
|
|
|
|
id="profilePicture"
|
|
|
|
id="profile-picture"
|
|
|
|
src={member.user.profilePicture}
|
|
|
|
src={member.user.profilePicture}
|
|
|
|
alt="Photo de profile"
|
|
|
|
alt="Photo de profile"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|