diff --git a/packages/web-console/src/scenes/Result/zero-state.tsx b/packages/web-console/src/scenes/Result/zero-state.tsx index 6397f55ff..05d1de6ec 100644 --- a/packages/web-console/src/scenes/Result/zero-state.tsx +++ b/packages/web-console/src/scenes/Result/zero-state.tsx @@ -1,7 +1,7 @@ import React from "react" import styled from "styled-components" -import { PaneContent, PaneWrapper } from "../../components" -import { Button } from "@questdb/react-components" +import { PaneContent, PaneWrapper, Text } from "../../components" +import { Heading } from "@questdb/react-components" import { useDispatch } from "react-redux" import { actions } from "../../store" @@ -12,9 +12,26 @@ const StyledPaneContent = styled(PaneContent)` const Items = styled.div` display: grid; - grid-auto-flow: column; + grid-auto-flow: row; grid-auto-columns: max-content; gap: 2rem; + text-align: center; +` + +const StyledHeading = styled(Heading)` + color: ${({ theme }) => theme.color.foreground}; +` + +const StyledText = styled(Text)` + line-height: 1.75; + + a { + color: ${({ theme }) => theme.color.gray2}; + } +` + +const RunLink = styled(Text)` + cursor: pointer; ` export const ZeroState = () => { @@ -24,12 +41,28 @@ export const ZeroState = () => { - + + Enter a query and press{" "} + dispatch(actions.query.toggleRunning())} + > + Run + {" "} + to view results. + + + Get $200 in free credits when you sign up for{" "} + + QuestDB Cloud + + .
+ No credit card required. +