diff --git a/apps/meteor/client/views/admin/moderation/ModerationConsoleTable.tsx b/apps/meteor/client/views/admin/moderation/ModerationConsoleTable.tsx index 51f646d7ab0af..952b3e92d7c12 100644 --- a/apps/meteor/client/views/admin/moderation/ModerationConsoleTable.tsx +++ b/apps/meteor/client/views/admin/moderation/ModerationConsoleTable.tsx @@ -1,5 +1,5 @@ import type { IUser } from '@rocket.chat/core-typings'; -import { Pagination } from '@rocket.chat/fuselage'; +import { Pagination, States, StatesIcon, StatesTitle, StatesActions, StatesAction } from '@rocket.chat/fuselage'; import { useDebouncedValue, useMediaQuery, useEffectEvent } from '@rocket.chat/fuselage-hooks'; import { GenericTable, @@ -19,7 +19,6 @@ import ModerationConsoleTableRow from './ModerationConsoleTableRow'; import ModerationFilter from './helpers/ModerationFilter'; import GenericNoResults from '../../../components/GenericNoResults'; -// TODO: Missing error state const ModerationConsoleTable = () => { const [text, setText] = useState(''); const router = useRouter(); @@ -54,7 +53,7 @@ const ModerationConsoleTable = () => { const getReports = useEndpoint('GET', '/v1/moderation.reportsByUsers'); - const { data, isLoading, isSuccess } = useQuery({ + const { data, isLoading, isSuccess, isError, refetch } = useQuery({ queryKey: ['moderation', 'msgReports', 'fetchAll', query], queryFn: async () => getReports(query), meta: { @@ -135,6 +134,15 @@ const ModerationConsoleTable = () => { )} {isSuccess && data.reports.length === 0 && } + {isError && ( + + + {t('Something_went_wrong')} + + refetch()}>{t('Reload_page')} + + + )} ); };