add required headingLevel prop for AggregatedMetricCard
@@ -23,16 +23,12 @@ export interface IAggregatedMetricProps {
const formatNumber = (num: number) =>
num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,');
-export const AggregatedMetricCard: React.FunctionComponent<IAggregatedMetricProps> = ({
- error,
- ok,
- title,
- total,
-}) => (
+export const AggregatedMetricCard: React.FunctionComponent<IAggregatedMetricProps> =
+ ({ error, ok, title, total }) => (
<Card className={'aggregate-status'}>
<CardBody>
<Bullseye>
- <Title size={'lg'}>
+ <Title size={'lg'} headingLevel={'h3'}>
<span data-testid={'aggregated-metric-card-total-count'}>
{formatNumber(total)}
</span>
@@ -44,7 +40,7 @@ export const AggregatedMetricCard: React.FunctionComponent<IAggregatedMetricProp
<Grid>
<GridItem span={6}>
<Bullseye>
- <Title size={'lg'}>
+ <Title size={'lg'} headingLevel={'h4'}>
<OkIcon color={global_success_color_100.value} />
&nbsp;
<span data-testid={'aggregated-metric-card-ok-count'}>
@@ -55,7 +51,7 @@ export const AggregatedMetricCard: React.FunctionComponent<IAggregatedMetricProp
</GridItem>
<GridItem span={6}>
<Bullseye>
- <Title size={'lg'}>
+ <Title size={'lg'} headingLevel={'h4'}>
<ErrorCircleOIcon color={global_danger_color_100.value} />
&nbsp;
<span data-testid={'aggregated-metric-card-error-count'}>
