saved sql files - save to server (minimal version)

packages/web/src/appobj/savedSqlFileAppObject.js

@@ -1,10 +1,11 @@
 import React from 'react';
+import axios from '../utility/axios';
 import _ from 'lodash';
 import { DropDownMenuItem } from '../modals/DropDownMenu';
 
-function Menu({ data, setSavedSqlFiles }) {
+function Menu({ data }) {
   const handleDelete = () => {
-    setSavedSqlFiles((files) => files.filter((x) => x.storageKey != data.storageKey));
+    axios.post('files/delete', { folder: 'sql', file: data.name });
   };
   return (
     <>
@@ -13,26 +14,17 @@ function Menu({ data, setSavedSqlFiles }) {
   );
 }
 
-const savedSqlFileAppObject = () => ({ name, storageKey }, { setOpenedTabs, newQuery, openedTabs }) => {
-  const key = storageKey;
+const savedSqlFileAppObject = () => ({ name }, { setOpenedTabs, newQuery, openedTabs }) => {
+  const key = name;
   const title = name;
   const icon = 'img sql-file';
 
-  const onClick = () => {
-    const existing = openedTabs.find((x) => x.props && x.props.storageKey == storageKey);
-    if (existing) {
-      setOpenedTabs(
-        openedTabs.map((x) => ({
-          ...x,
-          selected: x == existing,
-        }))
-      );
-    } else {
-      newQuery({
-        title,
-        storageKey,
-      });
-    }
+  const onClick = async () => {
+    const resp = await axios.post('files/load', { folder: 'sql', file: name });
+    newQuery({
+      title: name,
+      initialScript: resp.data,
+    });
   };
 
   return { title, key, icon, onClick, Menu };