fix: resize observer charts issue in alerts builder (#5436)

This commit is contained in:
Vikrant Gupta 2024-07-08 19:24:05 +05:30 committed by GitHub
parent f6b29999c9
commit bf177882e6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -246,17 +246,19 @@ function ChartPreview({
return (
<ChartContainer>
{headline}
<div ref={graphRef} style={{ height: '100%' }}>
{queryResponse.isLoading && (
<Spinner size="large" tip="Loading..." height="100%" />
)}
{(queryResponse?.isError || queryResponse?.error) && (
<FailedMessageContainer color="red" title="Failed to refresh the chart">
<InfoCircleOutlined />{' '}
{queryResponse.error.message || t('preview_chart_unexpected_error')}
</FailedMessageContainer>
)}
{chartData && !queryResponse.isError && (
<div ref={graphRef} style={{ height: '100%' }}>
{queryResponse.isLoading && (
<Spinner size="large" tip="Loading..." height="100%" />
)}
<GridPanelSwitch
options={options}
panelType={graphType}
@ -268,8 +270,8 @@ function ChartPreview({
query={query || initialQueriesMap.metrics}
yAxisUnit={yAxisUnit}
/>
</div>
)}
</div>
</ChartContainer>
);
}