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

refactor: updated loading state in gridgraphlayout (#3313)

Browse Source 
Co-authored-by: Palash Gupta <palashgdev@gmail.com>
This commit is contained in:
Rajat Dabade 2023-08-11 15:17:32 +05:30 committed by GitHub
parent 86b725757c
commit 1fc0461c0f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
frontend/src/container/GridGraphLayout/Graph/index.tsx
View File

@ -101,7 +101,7 @@ function GridCardGraph({
const isEmptyLayout = widget?.id === 'empty' || isEmpty(widget); const isEmptyLayout = widget?.id === 'empty' || isEmpty(widget);
if (queryResponse.isRefetching) { if (queryResponse.isRefetching || queryResponse.isLoading) {
return <Spinner height="20vh" tip="Loading..." />; return <Spinner height="20vh" tip="Loading..." />;
} }
@ -127,27 +127,23 @@ function GridCardGraph({
); );
} }
if (queryResponse.status === 'loading' || queryResponse.status === 'idle') { if (!isEmpty(widget) && prevChartDataSetRef?.labels) {
return ( return (
<span ref={graphRef}> <span ref={graphRef}>
{!isEmpty(widget) && prevChartDataSetRef?.labels ? ( <WidgetGraphComponent
<WidgetGraphComponent enableModel={false}
enableModel={false} enableWidgetHeader
enableWidgetHeader widget={widget}
widget={widget} queryResponse={queryResponse}
queryResponse={queryResponse} errorMessage={errorMessage}
errorMessage={errorMessage} data={prevChartDataSetRef}
data={prevChartDataSetRef} name={name}
name={name} yAxisUnit={yAxisUnit}
yAxisUnit={yAxisUnit} layout={layout}
layout={layout} setLayout={setLayout}
setLayout={setLayout} headerMenuList={headerMenuList}
headerMenuList={headerMenuList} onClickHandler={onClickHandler}
onClickHandler={onClickHandler} />
/>
) : (
<Spinner height="20vh" tip="Loading..." />
)}
</span> </span>
); );
} }