Even better loading indicator

N2D4 · N2D4 · commit a56e74ce11b9 · 2024-04-01T23:04:30.000-07:00
diff --git a/examples/web-demo/src/app/page.tsx b/examples/web-demo/src/app/page.tsx
@@ -98,7 +98,7 @@ export default function Home() {
             }
           }}
         >
-          {!mock ? "Downloading Postgres image..." : !client ? "Connecting to instance..." : queryLoadingCounter > 0 ? "..." : "Run query"}
+          {!mock ? "Downloading Postgres image... This may take a minute or two." : !client ? "Connecting to instance..." : queryLoadingCounter > 0 ? "..." : "Run query"}
         </button>
         <pre style={{ maxHeight: 100, overflowY: "scroll", backgroundColor: "rgba(0.5, 0.5, 0.5, 0.05)" }}>
           {queryResult}

Original file line number	Diff line number	Diff line change
`@@ -98,7 +98,7 @@ export default function Home() {`
`98`	`98`	`}`
`99`	`99`	`}}`
`100`	`100`	`>`
`101`		`- {!mock ? "Downloading Postgres image..." : !client ? "Connecting to instance..." : queryLoadingCounter > 0 ? "..." : "Run query"}`
	`101`	`+ {!mock ? "Downloading Postgres image... This may take a minute or two." : !client ? "Connecting to instance..." : queryLoadingCounter > 0 ? "..." : "Run query"}`
`102`	`102`	`</button>`
`103`	`103`	`<pre style={{ maxHeight: 100, overflowY: "scroll", backgroundColor: "rgba(0.5, 0.5, 0.5, 0.05)" }}>`
`104`	`104`	`{queryResult}`