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

Show knowledge page to JAV team members

Browse Source
This commit is contained in:
Sacha Delanoue 2023-05-22 19:39:22 +02:00
parent 8c95baa755
commit 947bd076c9
1 changed files with 26 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/Navigation/MainMenu.tsx
View File

@ -1,9 +1,11 @@
import { FC, useCallback, useState } from "react"
import { FC, useCallback, useState, useEffect, useMemo } from "react"
import { useSelector } from "react-redux"
import classnames from "classnames"
import { isUserConnected, routerSelector, selectUserRoles } from "../../store/auth"
import { isUserConnected, routerSelector, selectUserRoles, selectUserId } from "../../store/auth"
import styles from "./styles.module.scss"
import ROLES from "../../utils/roles.constants"
import useAction from "../../utils/useAction"
import { fetchVolunteerListIfNeed, selectVolunteerList } from "../../store/volunteerList"
interface MenuItemProps {
name: string
@ -29,6 +31,27 @@ const RestrictMenuItem: FC<RestrictMenuItemProps> = ({ name, pathname, role }):
return roles.includes(role) ? <MenuItem name={name} pathname={pathname} /> : <div />
}
interface TeamMenuItemProps extends MenuItemProps {
team: number
}
const TeamMenuItem: FC<TeamMenuItemProps> = ({ name, pathname, team }): JSX.Element => {
const fetch = useAction(fetchVolunteerListIfNeed)
const userId = useSelector(selectUserId)
useEffect(() => {
if (userId) fetch()
}, [userId, fetch])
const volunteers = useSelector(selectVolunteerList)
const user = useMemo(
() => volunteers.find((volunteer) => volunteer.id === userId),
[volunteers, userId]
)
return user?.team === team ? <MenuItem name={name} pathname={pathname} /> : <div />
}
// Hardcoded value of the "Jeux à volonté" team
const TEAM_JAV = 2
const MainMenu: FC = (): JSX.Element => {
const connected = useSelector(isUserConnected)
const [opened, setOpened] = useState(false)
@ -54,7 +77,7 @@ const MainMenu: FC = (): JSX.Element => {
<MenuItem name="Mon profil" pathname="/profil" />
{/* <MenuItem name="Emprunter" pathname="/emprunter" />
<MenuItem name="Emprunts" pathname="/emprunts" /> */}
{/* <MenuItem name="Mes connaissances" pathname="/connaissances" /> */}
<TeamMenuItem team={TEAM_JAV} name="Mes connaissances" pathname="/connaissances" />
<RestrictMenuItem
role={ROLES.ASSIGNER}
name="Gestion équipes"