diff --git a/public/app/features/trails/MetricSelectScene.tsx b/public/app/features/trails/MetricSelectScene.tsx index a32f47aea9f..e93604cc227 100644 --- a/public/app/features/trails/MetricSelectScene.tsx +++ b/public/app/features/trails/MetricSelectScene.tsx @@ -217,9 +217,14 @@ export class MetricSelectScene extends SceneObjectBase { }; public static Component = ({ model }: SceneComponentProps) => { - const { showHeading, searchQuery, showPreviews } = model.useState(); + const { showHeading, searchQuery, showPreviews, body } = model.useState(); + const { children } = body.useState(); const styles = useStyles2(getStyles); + const searchTooStrictWarning = children.length === 0 && searchQuery && ( +
There are no results found. Try adjusting your search or filters.
+ ); + return (
{showHeading && ( @@ -231,6 +236,7 @@ export class MetricSelectScene extends SceneObjectBase {
+ {searchTooStrictWarning} ); @@ -318,6 +324,11 @@ function getStyles(theme: GrafanaTheme2) { gap: theme.spacing(2), marginBottom: theme.spacing(1), }), + alternateMessage: css({ + fontStyle: 'italic', + marginTop: theme.spacing(7), + textAlign: 'center', + }), }; }