fix: list alerts rules is handled

This commit is contained in:
Palash gupta 2022-05-10 17:27:04 +05:30
parent 53528f1045
commit b4833eeb0e
No known key found for this signature in database
GPG Key ID: 8FD05AE6F9150AD6

View File

@ -8,15 +8,22 @@ import ListAlert from './ListAlert';
function ListAlertRules(): JSX.Element {
const { t } = useTranslation('common');
const { data, isError, isLoading, refetch } = useQuery('allAlerts', {
const { data, isError, isLoading, refetch, status } = useQuery('allAlerts', {
queryFn: getAll,
cacheTime: 0,
});
// api failed to load the data
if (isError) {
return <div>{data?.error || t('something_went_wrong')}</div>;
}
// api is successful but error is present
if (status === 'success' && data.statusCode !== 200) {
return <div>{data?.error || t('something_went_wrong')}</div>;
}
// in case of loading
if (isLoading || !data?.payload) {
return <Spinner height="75vh" tip="Loading Rules..." />;
}