fixes

packages/web/src/appobj/connectionAppObject.js

@@ -6,13 +6,20 @@ import showModal from '../modals/showModal';
 import ConnectionModal from '../modals/ConnectionModal';
 import axios from '../utility/axios';
 import { filterName } from '@dbgate/datalib';
+import ConfirmModal from '../modals/ConfirmModal';
 
 function Menu({ data, setOpenedConnections, openedConnections }) {
   const handleEdit = () => {
     showModal((modalState) => <ConnectionModal modalState={modalState} connection={data} />);
   };
   const handleDelete = () => {
-    axios.post('connections/delete', data);
+    showModal((modalState) => (
+      <ConfirmModal
+        modalState={modalState}
+        message={`Really delete connection ${data.displayName || data.server}?`}
+        onConfirm={() => axios.post('connections/delete', data)}
+      />
+    ));
   };
   const handleRefresh = () => {
     axios.post('server-connections/refresh', { conid: data._id });

packages/web/src/modals/ConfirmModal.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import ModalBase from './ModalBase';
+import { FormButtonRow } from '../utility/forms';
+import FormStyledButton from '../widgets/FormStyledButton';
+import styled from 'styled-components';
+
+const MessageWrapper = styled.div`
+  margin: 20px;
+`;
+
+export default function ConfirmModal({ message, modalState, onConfirm }) {
+  return (
+    <ModalBase modalState={modalState}>
+      <MessageWrapper>{message}</MessageWrapper>
+
+      <FormButtonRow>
+        <FormStyledButton
+          value="OK"
+          onClick={() => {
+            modalState.close();
+            onConfirm();
+          }}
+        />
+        <FormStyledButton type="button" value="Close" onClick={modalState.close} />
+      </FormButtonRow>
+    </ModalBase>
+  );
+}

packages/web/src/modals/ConfirmSqlModal.js

@@ -1,12 +1,8 @@
 import React from 'react';
-import axios from '../utility/axios';
 import ModalBase from './ModalBase';
-import { FormRow, FormButtonRow, FormTextField, FormSelectField, FormSubmit } from '../utility/forms';
+import { FormButtonRow } from '../utility/forms';
 import FormStyledButton from '../widgets/FormStyledButton';
-import { TextField } from '../utility/inputs';
-import { Formik, Form } from 'formik';
 import SqlEditor from '../sqleditor/SqlEditor';
-// import FormikForm from '../utility/FormikForm';
 import styled from 'styled-components';
 import keycodes from '../utility/keycodes';