2023-03-17 17:25:38 +01:00
|
|
|
import React from 'react';
|
|
|
|
import ExtendableRow from "../../components/layout/extension/ExtendableRow";
|
|
|
|
import {Col} from "react-bootstrap";
|
|
|
|
import LoadIn from "../../components/animation/LoadIn";
|
|
|
|
import PlayerRetentionGraphCard from "../../components/cards/common/PlayerRetentionGraphCard";
|
|
|
|
import {useParams} from "react-router-dom";
|
2023-08-20 10:56:13 +02:00
|
|
|
import {useAuth} from "../../hooks/authenticationHook";
|
2023-10-10 15:50:40 +02:00
|
|
|
import FirstMomentsCard from "../../components/cards/common/FirstMomentsCard";
|
2023-03-17 17:25:38 +01:00
|
|
|
|
|
|
|
const ServerPlayerRetention = () => {
|
2023-08-20 10:56:13 +02:00
|
|
|
const {hasPermission} = useAuth();
|
2023-03-17 17:25:38 +01:00
|
|
|
const {identifier} = useParams();
|
2023-08-20 10:56:13 +02:00
|
|
|
|
|
|
|
const seeRetention = hasPermission('page.server.retention');
|
2023-03-17 17:25:38 +01:00
|
|
|
return (
|
|
|
|
<LoadIn>
|
|
|
|
<section className="server-retention">
|
2023-08-20 10:56:13 +02:00
|
|
|
{seeRetention && <ExtendableRow id={'row-server-retention-0'}>
|
2023-03-17 17:25:38 +01:00
|
|
|
<Col lg={12}>
|
|
|
|
<PlayerRetentionGraphCard identifier={identifier}/>
|
|
|
|
</Col>
|
2023-08-20 10:56:13 +02:00
|
|
|
</ExtendableRow>}
|
2023-10-10 15:50:40 +02:00
|
|
|
<ExtendableRow id={'row-server-retention-1'}>
|
|
|
|
<Col lg={12}>
|
|
|
|
<FirstMomentsCard identifier={identifier}/>
|
|
|
|
</Col>
|
|
|
|
</ExtendableRow>
|
2023-03-17 17:25:38 +01:00
|
|
|
</section>
|
|
|
|
</LoadIn>
|
|
|
|
)
|
|
|
|
};
|
|
|
|
|
|
|
|
export default ServerPlayerRetention
|