Add row count

questdb · Oct 11, 2023 · e01d82a · e01d82a
1 parent 91e67cb
commit e01d82a
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/packages/web-console/src/scenes/Result/index.tsx b/packages/web-console/src/scenes/Result/index.tsx
@@ -32,11 +32,11 @@ import { HandPointLeft } from "@styled-icons/fa-regular"
 import { TableFreezeColumn } from "@styled-icons/fluentui-system-filled"
 import { grid } from "../../js/console/grid"
 import { quickVis } from "../../js/console/quick-vis"
-
 import {
   PaneContent,
   PaneWrapper,
   PopperHover,
+  Text,
   Tooltip,
   useScreenSize,
 } from "../../components"
@@ -84,6 +84,10 @@ const TableFreezeColumnIcon = styled(TableFreezeColumn)`
   transform: scaleX(-1);
 `
 
+const RowCount = styled(Text)`
+  margin-right: 1rem;
+`
+
 const Result = ({ viewMode }: { viewMode: ViewMode }) => {
   const [count, setCount] = useState<number | undefined>()
   const { sm } = useScreenSize()
@@ -227,10 +231,21 @@ const Result = ({ viewMode }: { viewMode: ViewMode }) => {
     },
   ]
 
+  useEffect(() => {
+    if (result?.type === QuestDB.Type.DQL) {
+      setCount(result.count)
+    }
+  }, [result])
+
   return (
     <Root>
       <Wrapper>
         <Actions>
+          {count && (
+            <RowCount color="foreground">
+              {`${count.toLocaleString()} row${count > 1 ? "s" : ""}`}
+            </RowCount>
+          )}
           {viewMode === "grid" &&
             gridActions.map((action, index) => (
               <PopperHover