saved sql files

packages/web/src/query/QueryToolbar.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import ToolbarButton from '../widgets/ToolbarButton';
 
-export default function QueryToolbar({ execute, cancel, isDatabaseDefined, busy }) {
+export default function QueryToolbar({ execute, cancel, isDatabaseDefined, busy, save }) {
   return (
     <>
       <ToolbarButton disabled={!isDatabaseDefined || busy} onClick={execute}>
@@ -10,6 +10,7 @@ export default function QueryToolbar({ execute, cancel, isDatabaseDefined, busy
       <ToolbarButton disabled={!busy} onClick={cancel}>
         Cancel
       </ToolbarButton>
+      <ToolbarButton onClick={save}>Save</ToolbarButton>
     </>
   );
 }

packages/web/src/query/useNewQuery.js

@@ -11,13 +11,14 @@ export default function useNewQuery() {
 
   const tooltip = `${connection.displayName || connection.server}\n${database}`;
 
-  return () =>
+  return ({ title = undefined, ...props } = {}) =>
     openNewTab(setOpenedTabs, {
-      title: 'Query',
+      title: title || 'Query',
       icon: 'sql.svg',
       tooltip,
       tabComponent: 'QueryTab',
       props: {
+        ...props,
         conid: connection._id,
         database,
       },