diff --git a/cozo-lib-wasm/wasm-react-demo/src/App.js b/cozo-lib-wasm/wasm-react-demo/src/App.js
index beac48e8..9b7a9158 100644
--- a/cozo-lib-wasm/wasm-react-demo/src/App.js
+++ b/cozo-lib-wasm/wasm-react-demo/src/App.js
@@ -6,11 +6,11 @@
* You can obtain one at https://mozilla.org/MPL/2.0/.
*/
-import './App.css';
import {
Button,
Checkbox,
Classes,
+ Colors,
Dialog,
FileInput,
InputGroup,
@@ -19,11 +19,13 @@ import {
TextArea,
Toaster
} from "@blueprintjs/core";
-import {Cell, Column, Table2} from "@blueprintjs/table";
-import React, {useEffect, useState} from "react";
-import init, {CozoDb} from "cozo-lib-wasm";
-import {parse} from "ansicolor";
-import {saveAs} from 'file-saver';
+import { Cell, Column, Table2 } from "@blueprintjs/table";
+import { parse } from "ansicolor";
+import init, { CozoDb } from "cozo-lib-wasm";
+import { saveAs } from 'file-saver';
+import React, { useEffect, useState } from "react";
+import './App.css';
+import { useBlueprintThemeClassName, usePreferredColorScheme } from './hooks/use-color-scheme';
function App() {
@@ -44,6 +46,9 @@ function App() {
})
}, []);
+ const colorScheme = usePreferredColorScheme();
+ useBlueprintThemeClassName(colorScheme);
+
const renderCell = (colIdx) => (rowIdx) =>
{displayValue(queryResults.rows[rowIdx][colIdx])}
|
@@ -70,7 +75,7 @@ function App() {
if (typeof v === 'string') {
return v
} else {
- return {JSON.stringify(v)}
+ return {JSON.stringify(v)}
}
}
@@ -142,6 +147,7 @@ function App() {
intent={Intent.PRIMARY}
onChange={e => setQueryText(e.target.value)}
onKeyDown={handleKeyDown}
+ spellCheck="false"
value={queryText}
/>
{showParams &&