23 lines
489 B
TypeScript
23 lines
489 B
TypeScript
import React from 'react';
|
|
import { DataQueryError } from '@grafana/data';
|
|
import { JSONFormatter } from '@grafana/ui';
|
|
|
|
interface InspectErrorTabProps {
|
|
error?: DataQueryError;
|
|
}
|
|
|
|
export const InspectErrorTab: React.FC<InspectErrorTabProps> = ({ error }) => {
|
|
if (!error) {
|
|
return null;
|
|
}
|
|
if (error.data) {
|
|
return (
|
|
<>
|
|
<h3>{error.data.message}</h3>
|
|
<JSONFormatter json={error} open={2} />
|
|
</>
|
|
);
|
|
}
|
|
return <div>{error.message}</div>;
|
|
};
|