GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-08 19:28:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
1 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/container/FormAlertRules/ChartPreview/index.tsx
View File

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