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