feat: add editor extensions

invm · Sep 10, 2023 · 39cfc6e · 39cfc6e
1 parent 3b7560c
commit 39cfc6e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/components/Screens/Console/Content/QueryTab/QueryTab.tsx b/src/components/Screens/Console/Content/QueryTab/QueryTab.tsx
@@ -10,7 +10,7 @@ export const QueryTab = () => {
   const {
     connectionsService: { getActiveContentTab },
   } = useAppSelector();
-  const data = createEffect(() => {
+  createEffect(() => {
     const q = Split(["#query", "#results"], {
       sizes: [40, 60],
       minSize: [100, 400],

diff --git a/src/components/Screens/Console/Content/QueryTab/QueryTextArea.tsx b/src/components/Screens/Console/Content/QueryTab/QueryTextArea.tsx
@@ -4,7 +4,13 @@ import {
   createEditorFocus,
 } from "solid-codemirror";
 import { createSignal, onMount, Show } from "solid-js";
-import { lineNumbers, EditorView } from "@codemirror/view";
+import {
+  lineNumbers,
+  EditorView,
+  drawSelection,
+  highlightWhitespace,
+  highlightActiveLine,
+} from "@codemirror/view";
 import { sql } from "@codemirror/lang-sql";
 import { dracula } from "@uiw/codemirror-theme-dracula";
 import { format } from "sql-formatter";
@@ -45,6 +51,9 @@ export const QueryTextArea = () => {
   createEditorControlledValue(editorView, code);
   createExtension(() => lineNumbers());
   createExtension(() => sql());
+  createExtension(() => drawSelection());
+  createExtension(() => highlightWhitespace());
+  createExtension(() => highlightActiveLine());
   createExtension(dracula);
   const { setFocused } = createEditorFocus(editorView);