ace editor

packages/web/src/modals/ConfirmSqlModal.svelte

@@ -2,19 +2,23 @@
   import FormStyledButton from '../elements/FormStyledButton.svelte';
   import FormProvider from '../forms/FormProvider.svelte';
   import FormSubmit from '../forms/FormSubmit.svelte';
+  import SqlEditor from '../query/SqlEditor.svelte';
 
   import ModalBase from './ModalBase.svelte';
   import { closeCurrentModal } from './modalTools';
 
   export let sql;
   export let onConfirm;
+  export let engine;
 </script>
 
 <FormProvider>
   <ModalBase {...$$restProps}>
     <div slot="header">Save changes</div>
 
-    <textarea class="editor" value={sql} />
+    <div class="editor">
+      <SqlEditor {engine} value={sql} readOnly />
+    </div>
 
     <div slot="footer">
       <FormSubmit