From e0eaf1348f6322cfc946393abad921e9d47ba660 Mon Sep 17 00:00:00 2001
From: Maciej Bodek <maciej.bodek@gmail.com>
Date: Tue, 10 Dec 2024 12:36:13 +0100
Subject: [PATCH] Add metric loaders

---
 packages/web-console/src/scenes/Editor/Metrics/graph.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/web-console/src/scenes/Editor/Metrics/graph.tsx b/packages/web-console/src/scenes/Editor/Metrics/graph.tsx
index 472cf29c9..54f6ecc3c 100644
--- a/packages/web-console/src/scenes/Editor/Metrics/graph.tsx
+++ b/packages/web-console/src/scenes/Editor/Metrics/graph.tsx
@@ -4,7 +4,7 @@ import { MetricDuration, Widget, xAxisFormat, hasData } from "./utils"
 import { useGraphOptions } from "./useGraphOptions"
 import uPlot from "uplot"
 import UplotReact from "uplot-react"
-import { Box } from "@questdb/react-components"
+import { Box, Loader } from "@questdb/react-components"
 
 const Actions = styled.div`
   margin-right: 0;
@@ -166,6 +166,7 @@ export const Graph = ({
         <Box gap="0.5rem" align="center">
           <BeforeLabel>{beforeLabel}</BeforeLabel>
           <HeaderText>{label}</HeaderText>
+          {loading && <Loader size="18px" spin />}
         </Box>
         <Actions>{actions}</Actions>
       </Header>