From bd0aa7426adc3076236a24675cd56697b0594893 Mon Sep 17 00:00:00 2001 From: emrberk Date: Tue, 22 Jul 2025 17:10:34 +0300 Subject: [PATCH 1/2] fix(web-console): improve visibility of example queries if not visited --- packages/browser-tests/questdb | 2 +- .../src/scenes/Editor/Menu/index.tsx | 44 +++++-------------- 2 files changed, 12 insertions(+), 34 deletions(-) diff --git a/packages/browser-tests/questdb b/packages/browser-tests/questdb index fe0ccbbc3..7db9598a7 160000 --- a/packages/browser-tests/questdb +++ b/packages/browser-tests/questdb @@ -1 +1 @@ -Subproject commit fe0ccbbc378e413dac9dd3be61f628b98c4264b3 +Subproject commit 7db9598a76df64c01a967495b04cc12c4d1e95d7 diff --git a/packages/web-console/src/scenes/Editor/Menu/index.tsx b/packages/web-console/src/scenes/Editor/Menu/index.tsx index 5b831e844..85c154e12 100644 --- a/packages/web-console/src/scenes/Editor/Menu/index.tsx +++ b/packages/web-console/src/scenes/Editor/Menu/index.tsx @@ -37,7 +37,6 @@ import { useKeyPress, useScreenSize, } from "../../../components" -import { Box } from "@questdb/react-components" import { actions, selectors } from "../../../store" import { color } from "../../../utils" import QueryPicker from "../QueryPicker" @@ -65,25 +64,20 @@ const Separator = styled.div` flex: 1; ` -const QueryPickerButton = styled(Button)<{ - $firstTimeVisitor: boolean -}>` +const QueryPickerButton = styled(Button)<{ $firstTimeVisitor: boolean }>` position: relative; - margin: 0 1rem; flex: 0 0 auto; - ${({ $firstTimeVisitor }) => - $firstTimeVisitor && - `&:after { - border-radius: 50%; - content: ""; - background: #dc4949; - width: 8px; - height: 8px; - position: absolute; - top: -3px; - right: -3px; - }`} + @keyframes pulse { + 0% { + box-shadow: 0 0 0 0px ${color("cyan")}; + } + 75% { + box-shadow: 0 0 0 5px transparent; + } + } + + animation: ${({ $firstTimeVisitor }) => $firstTimeVisitor ? "pulse 2s infinite" : "none"}; ` const MenuIcon = styled(_MenuIcon)` @@ -116,22 +110,6 @@ const SideMenuMenuButton = styled(TransparentButton)` } ` -const Key = styled(Box).attrs({ alignItems: "center" })` - padding: 0 4px; - background: #61647a; - border-radius: 2px; - font-size: 1.2rem; - height: 1.8rem; - - &:not(:last-child) { - margin-right: 0.25rem; - } -` - -const RunShortcut = styled(Box).attrs({ alignItems: "center", gap: "0" })` - margin-left: 1.5rem; -` - const MenuItems = styled.div` display: grid; grid-auto-flow: column; From 45f1c0d3c7e606c81260f89cf8116fdbc0433aff Mon Sep 17 00:00:00 2001 From: emrberk Date: Tue, 22 Jul 2025 17:24:28 +0300 Subject: [PATCH 2/2] column alias --- packages/browser-tests/cypress/commands.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/browser-tests/cypress/commands.js b/packages/browser-tests/cypress/commands.js index bab84e83d..625667f35 100644 --- a/packages/browser-tests/cypress/commands.js +++ b/packages/browser-tests/cypress/commands.js @@ -24,7 +24,7 @@ const tableSchemas = { const materializedViewSchemas = { btc_trades_mv: "CREATE MATERIALIZED VIEW IF NOT EXISTS btc_trades_mv WITH BASE btc_trades as (" + - "SELECT timestamp, avg(amount) FROM btc_trades SAMPLE BY 1m) PARTITION BY week;", + "SELECT timestamp, avg(amount) avg FROM btc_trades SAMPLE BY 1m) PARTITION BY week;", }; before(() => {