prometheus

1
import React, { FC } from 'react';
2
import { useFetch } from '../../hooks/useFetch';
3
import { withStatusIndicator } from '../../components/withStatusIndicator';
4
import { RulesMap, RulesContent } from './RulesContent';
5
import { usePathPrefix } from '../../contexts/PathPrefixContext';
6
import { API_PATH } from '../../constants/constants';
7

8
const RulesWithStatusIndicator = withStatusIndicator(RulesContent);
9

10
const Rules: FC = () => {
11
  const pathPrefix = usePathPrefix();
12
  const { response, error, isLoading } = useFetch<RulesMap>(`${pathPrefix}/${API_PATH}/rules`);
13

14
  return <RulesWithStatusIndicator response={response} error={error} isLoading={isLoading} />;
15
};
16

17
export default Rules;
18