add ContextualbarEmptyContent for not found scenarios

nazabucciarelli · nazabucciarelli · commit ef8c7b10f866 · 2026-02-12T15:46:59.000-03:00
diff --git a/apps/meteor/client/views/admin/customSounds/EditCustomSound.tsx b/apps/meteor/client/views/admin/customSounds/EditCustomSound.tsx
@@ -1,6 +1,8 @@
+import { ContextualbarEmptyContent } from '@rocket.chat/ui-client';
 import { useEndpoint } from '@rocket.chat/ui-contexts';
 import { useQuery } from '@tanstack/react-query';
 import type { ReactElement } from 'react';
+import { useTranslation } from 'react-i18next';
 
 import EditSound from './EditSound';
 import { FormSkeleton } from '../../../components/Skeleton';
@@ -13,20 +15,20 @@ type EditCustomSoundProps = {
 
 function EditCustomSound({ _id, onChange, close, ...props }: EditCustomSoundProps): ReactElement | null {
 	const getSound = useEndpoint('GET', '/v1/custom-sounds.getOne');
+	const { t } = useTranslation();
 
 	const { data, isPending } = useQuery({
 		queryKey: ['custom-sound', _id],
 		queryFn: () => getSound({ _id: _id! }),
 		enabled: !!_id,
-		meta: { apiErrorToastMessage: true },
 	});
 
 	if (isPending) {
 		return <FormSkeleton pi={20} />;
 	}
 
 	if (!data) {
-		return null;
+		return <ContextualbarEmptyContent icon='warning' title={t('Call_info_could_not_be_loaded')} />;
 	}
 
 	const handleChange: () => void = () => {
