mirror of https://github.com/grafana/grafana.git
31 lines
849 B
TypeScript
31 lines
849 B
TypeScript
import React, { useCallback } from 'react';
|
|
|
|
import { locationService } from '@grafana/runtime';
|
|
import { Button, VerticalGroup } from '@grafana/ui';
|
|
import { Layout } from '@grafana/ui/src/components/Layout/Layout';
|
|
|
|
import { PanelEditorTabId } from './types';
|
|
|
|
export interface Props {
|
|
message: string;
|
|
}
|
|
|
|
export function PanelNotSupported({ message }: Props): JSX.Element {
|
|
const onBackToQueries = useCallback(() => {
|
|
locationService.partial({ tab: PanelEditorTabId.Query });
|
|
}, []);
|
|
|
|
return (
|
|
<Layout justify="center" style={{ marginTop: '100px' }}>
|
|
<VerticalGroup spacing="md">
|
|
<h2>{message}</h2>
|
|
<div>
|
|
<Button size="md" variant="secondary" icon="arrow-left" onClick={onBackToQueries}>
|
|
Go back to Queries
|
|
</Button>
|
|
</div>
|
|
</VerticalGroup>
|
|
</Layout>
|
|
);
|
|
}
|