Check for permission before linking to Query page from Query Modal

This commit is contained in:
Aurora Lahtela 2023-10-18 19:17:20 +03:00
parent c032009144
commit 4b3efe1378

View File

@ -7,9 +7,11 @@ import PlayerListCard from "../cards/common/PlayerListCard";
import {getViewTitle} from "../../views/query/QueryResultView"; import {getViewTitle} from "../../views/query/QueryResultView";
import {ChartLoader} from "../navigation/Loader"; import {ChartLoader} from "../navigation/Loader";
import {Link} from "react-router-dom"; import {Link} from "react-router-dom";
import {useAuth} from "../../hooks/authenticationHook";
const QueryPlayerListModal = ({open, toggle, queryData, title}) => { const QueryPlayerListModal = ({open, toggle, queryData, title}) => {
const {t} = useTranslation(); const {t} = useTranslation();
const {hasPermission} = useAuth();
return ( return (
<Modal id="queryModal" aria-labelledby="queryModalLabel" show={open} onHide={toggle} size="xl"> <Modal id="queryModal" aria-labelledby="queryModalLabel" show={open} onHide={toggle} size="xl">
<Modal.Header> <Modal.Header>
@ -23,7 +25,7 @@ const QueryPlayerListModal = ({open, toggle, queryData, title}) => {
<PlayerListCard justList data={queryData?.data?.players || {players: [], extensionDescriptors: []}} <PlayerListCard justList data={queryData?.data?.players || {players: [], extensionDescriptors: []}}
orderBy={2}/>} orderBy={2}/>}
<Modal.Footer> <Modal.Footer>
{Boolean(queryData?.data?.players.players.length) && <Link className="btn bg-theme" {hasPermission('access.query') && Boolean(queryData?.data?.players.players.length) && <Link className="btn bg-theme"
to={"/query/result?timestamp=" + queryData?.timestamp}> to={"/query/result?timestamp=" + queryData?.timestamp}>
{t('html.query.label.showFullQuery')} <Fa icon={faArrowRight}/> {t('html.query.label.showFullQuery')} <Fa icon={faArrowRight}/>
</Link>} </Link>}