feat: Persist splitter sizes in settings.json

Fixes #79
ScottLogic · Oct 3, 2021 · 1c1b123 · 1c1b123
1 parent 36b8cc9
commit 1c1b123
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/components/ServerInterface.tsx b/src/components/ServerInterface.tsx
@@ -9,6 +9,7 @@ import EditorWindow, { FileManagementProps } from "./EditorWindow";
 import ResultsWindow from "./ResultsWindow";
 import TablePanel from "./TablePanel";
 import Split from "react-split";
+import Settings from "../settings/settings";
 
 interface ServerInterfaceProps extends FileManagementProps {
   connection: KdbConnection;
@@ -25,6 +26,8 @@ const ServerInterface: FC<ServerInterfaceProps> = ({
   const [isLoading, setIsLoading] = useState(false);
   const [results, setResults] = useState<Result | undefined>();
 
+  const settings = Settings.getInstance();
+
   async function executeQuery(script: string) {
     if (connection && connection.isConnected()) {
       try {
@@ -85,7 +88,7 @@ const ServerInterface: FC<ServerInterfaceProps> = ({
 
       <Split
         direction="vertical"
-        sizes={[40, 60]}
+        sizes={settings.get("splitterSizes")}
         gutterSize={10}
         gutter={renderGutter}
         minSize={100}
@@ -97,6 +100,9 @@ const ServerInterface: FC<ServerInterfaceProps> = ({
           alignItems: "stretch",
           minWidth: 0,
         }}
+        onDragEnd={(sizes: number[]) => {
+          settings.set("splitterSizes", sizes);
+        }}
       >
         <EditorWindow
           onExecuteQuery={executeQuery}

diff --git a/src/settings/settings.ts b/src/settings/settings.ts
@@ -4,11 +4,13 @@ import fs from "fs/promises";
 interface SettingsData {
   customAuthPlugin?: string[];
   autoUpdate: boolean;
+  splitterSizes: number[];
 }
 
 export default class Settings {
   data: SettingsData = {
     autoUpdate: true,
+    splitterSizes: [40, 60],
   };
   filePath: string = "";
   loaded: boolean = false;