PeL/force-orange-2022
PeL/force-orange-2022
1
1
Fork 0
mirror of https://github.com/Paris-est-Ludique/intranet.git synced 2025-06-08 08:34:20 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

display team name on volunteer board, in team block

Browse Source
This commit is contained in:
memeriau 2022-04-18 01:41:54 +02:00
parent dd73fa21b8
commit c474426fa8
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/VolunteerBoard/VolunteerTeam/VolunteerTeam.tsx
View File

@ -5,11 +5,13 @@ import useAction from "../../../utils/useAction"
import styles from "./styles.module.scss"
import { selectUserId } from "../../../store/auth"
import { fetchVolunteerListIfNeed, selectVolunteerList } from "../../../store/volunteerList"
import { selectTeamList } from "../../../store/teamList"
const useUserTeam = () => {
const userId = useSelector(selectUserId)
const fetch = useAction(fetchVolunteerListIfNeed)
const volunteers = useSelector(selectVolunteerList)
const teams = useSelector(selectTeamList)
useEffect(() => {
if (userId) fetch()
@ -20,7 +22,7 @@ const useUserTeam = () => {
[volunteers, userId]
)
return user?.team
return useMemo(() => teams.find((t) => t?.id === user?.team), [user, teams])
}
const VolunteerTeam: FC = (): JSX.Element => {
@ -29,8 +31,8 @@ const VolunteerTeam: FC = (): JSX.Element => {
return (
<div className={styles.root}>
<div className={styles.title}>Mon équipe</div>
<TeamMembers teamId={team} />
<div className={styles.title}>Mon équipe : {team.name}</div>
<TeamMembers teamId={team.id} />
</div>
)
}