test connection

web/src/modals/ConnectionModal.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import axios from 'axios';
 import ModalBase from './ModalBase';
 import { FormRow, FormLabel, FormValue, FormTextField, FormSubmit } from '../utility/forms';
 import { TextField } from '../utility/inputs';
@@ -6,9 +7,16 @@ import { Formik, Form } from 'formik';
 // import FormikForm from '../utility/FormikForm';
 
 export default function ConnectionModal({ modalState }) {
-  const handleSubmit = values => {
-    console.log(values);
-    modalState.close();
+  const [sqlConnectResult, setSqlConnectResult] = React.useState('Not connected');
+
+  const handleSubmit = async values => {
+    const resp = await axios.post('http://localhost:3000/connection/test', values);
+    console.log('resp.data', resp.data);
+    const { error, version } = resp.data;
+
+    setSqlConnectResult(error || version);
+
+    // modalState.close();
   };
   return (
     <ModalBase modalState={modalState}>
@@ -24,6 +32,7 @@ export default function ConnectionModal({ modalState }) {
           <FormSubmit />
         </Form>
       </Formik>
+      <div>Connect result: {sqlConnectResult}</div>
     </ModalBase>
   );
 }