refactor: pulled out common interface components

src/components/EditorWindow.tsx

@@ -22,13 +22,16 @@ import { editorWindow, editorWrapper } from "../style";
 
 type IStandaloneCodeEditor = monaco.editor.IStandaloneCodeEditor;
 
-interface EditorWindowProps {
-  onExecuteQuery: (query: string) => void;
+export interface FileManagementProps {
   onFilenameChanged: (scriptName: string) => void;
   onUnsavedChangesChanged: (unsavedChanges: boolean) => void;
   filename?: string;
 }
 
+interface EditorWindowProps extends FileManagementProps {
+  onExecuteQuery: (query: string) => void;
+}
+
 // Set some default options for the Monaco Editor
 const editorOptions = {
   minimap: {

src/components/ServerInterface.tsx

@@ -5,18 +5,15 @@ import { renderToStaticMarkup } from "react-dom/server";
 import KdbConnection from "../server/kdb-connection";
 import { grabberBar, stackTokens } from "../style";
 import Result from "../types/results";
-import EditorWindow from "./EditorWindow";
+import EditorWindow, { FileManagementProps } from "./EditorWindow";
 import ResultsWindow from "./ResultsWindow";
 import TablePanel from "./TablePanel";
 import Split from "react-split";
 
-type ServerInterfaceProps = {
+interface ServerInterfaceProps extends FileManagementProps {
   connection: KdbConnection;
   visible: boolean;
-  filename?: string;
-  onFilenameChanged: (scriptName: string) => void;
-  onUnsavedChangesChanged: (unsavedChanges: boolean) => void;
-};
+}
 
 const ServerInterface: FC<ServerInterfaceProps> = ({
   connection,
@@ -49,7 +46,7 @@ const ServerInterface: FC<ServerInterfaceProps> = ({
         setResults({
           script,
           data: null,
-          error: e,
+          error: e as string,
         });
       }
       setIsLoading(false);
@@ -103,9 +100,7 @@ const ServerInterface: FC<ServerInterfaceProps> = ({
       >
         <EditorWindow
           onExecuteQuery={executeQuery}
-          onFilenameChanged={onFilenameChanged}
-          filename={filename}
-          onUnsavedChangesChanged={onUnsavedChangesChanged}
+          {...{ filename, onFilenameChanged, onUnsavedChangesChanged }}
         />
         <ResultsWindow
           results={results}