diff --git a/src/components/ChooseCheckType.tsx b/src/components/ChooseCheckType.tsx index 73b17d68f..bd1fbc059 100644 --- a/src/components/ChooseCheckType.tsx +++ b/src/components/ChooseCheckType.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { GrafanaTheme2, PageLayoutType } from '@grafana/data'; -import { Card, useStyles2 } from '@grafana/ui'; +import { Badge, Card, useStyles2 } from '@grafana/ui'; import { css } from '@emotion/css'; import { CheckType, FeatureName, ROUTES } from 'types'; @@ -34,7 +34,12 @@ export function ChooseCheckType() { navigate(`${ROUTES.NewCheck}/${check.value}`); }} > - {check.label} + + {check.label} + {check.value === CheckType.MULTI_HTTP ? ( + + ) : null} + {check.description} ); @@ -61,4 +66,7 @@ const getStyles = (theme: GrafanaTheme2) => ({ justify-content: center; align-items: flex-start; `, + experimentalBadge: css` + margin-left: ${theme.spacing(1)}; + `, }); diff --git a/src/components/MultiHttp/MultiHttpSettingsForm.tsx b/src/components/MultiHttp/MultiHttpSettingsForm.tsx index cbdd0e369..8d461d014 100644 --- a/src/components/MultiHttp/MultiHttpSettingsForm.tsx +++ b/src/components/MultiHttp/MultiHttpSettingsForm.tsx @@ -150,6 +150,9 @@ export const MultiHttpSettingsForm = ({ checks, onReturn }: Props) => { }} > {!config.featureToggles.topnav && {check?.id ? 'Edit Check' : 'Add MULTIHTTP Check'}} + + If you experience any issues, please contact support. +