diff --git a/apps/meteor/ee/client/omnichannel/reports/ReportsPage.tsx b/apps/meteor/ee/client/omnichannel/reports/ReportsPage.tsx index 444b3f6f7a30f..9ffd4d8367dd8 100644 --- a/apps/meteor/ee/client/omnichannel/reports/ReportsPage.tsx +++ b/apps/meteor/ee/client/omnichannel/reports/ReportsPage.tsx @@ -1,4 +1,4 @@ -import { Box, CardGrid } from '@rocket.chat/fuselage'; +import { Box, Grid, GridItem } from '@rocket.chat/fuselage'; import { usePermission, useTranslation } from '@rocket.chat/ui-contexts'; import React from 'react'; @@ -7,6 +7,8 @@ import NotAuthorizedPage from '../../../../client/views/notAuthorized/NotAuthori import { useHasLicenseModule } from '../../hooks/useHasLicenseModule'; import { AgentsSection, ChannelsSection, DepartmentsSection, StatusSection, TagsSection } from './sections'; +const BREAKPOINTS = { xs: 4, sm: 8, md: 8, lg: 12, xl: 6 } as const; + const ReportsPage = () => { const t = useTranslation(); @@ -24,13 +26,25 @@ const ReportsPage = () => { {t('Omnichannel_Reports_Summary')} - - - - - - - + + + + + + + + + + + + + + + + + + + ); diff --git a/apps/meteor/ee/client/omnichannel/reports/sections/AgentsSection.tsx b/apps/meteor/ee/client/omnichannel/reports/sections/AgentsSection.tsx index a2b23ea9d089a..692bd1c330321 100644 --- a/apps/meteor/ee/client/omnichannel/reports/sections/AgentsSection.tsx +++ b/apps/meteor/ee/client/omnichannel/reports/sections/AgentsSection.tsx @@ -1,4 +1,3 @@ -/* eslint-disable react/no-multi-comp */ import { Box } from '@rocket.chat/fuselage'; import { useResizeObserver } from '@rocket.chat/fuselage-hooks'; import { useTranslation } from '@rocket.chat/ui-contexts';