RocketChat/Rocket.Chat

import React from 'react';

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

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

const initialData = [overviewInitalValue, overviewInitalValue, overviewInitalValue, overviewInitalValue];

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

    reloadRef.current.conversationOverview = reload;

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

export default ConversationOverview;