RocketChat/Rocket.Chat

import React from 'react';

import { useEndpointData } from '../../../../hooks/useEndpointData';
import CounterContainer from '../counter/CounterContainer';

const overviewInitalValue = {
    title: '',
    value: '-',
};

const initialData = [overviewInitalValue, overviewInitalValue, overviewInitalValue];

const AgentsOverview = ({ params, reloadRef, ...props }) => {
    const {
        value: data,
        phase: state,
        reload,
    } = useEndpointData('/v1/livechat/analytics/dashboards/agents-productivity-totalizers', { params });

    reloadRef.current.agentsOverview = reload;

    return <CounterContainer state={state} data={data} initialData={initialData} {...props} />;
};

export default AgentsOverview;