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')}
+
+
+ )}
>
);
};