export sql dump - can export to files

packages/web/src/appobj/DatabaseAppObject.svelte

@@ -87,7 +87,10 @@
     };
 
     const handleSqlDump = () => {
-      exportSqlDump(connection, name);
+      showModal(ExportDatabaseDumpModal, {
+        connection: { ...connection, database: name },
+      });
+      // exportSqlDump(connection, name);
     };
 
     const handleSqlRestore = () => {
@@ -212,8 +215,8 @@
       { divider: true },
       isSqlOrDoc && !connection.isReadOnly && { onClick: handleImport, text: 'Import wizard' },
       isSqlOrDoc && { onClick: handleExport, text: 'Export wizard' },
-      driver?.supportsDatabaseDump && { onClick: handleSqlDump, text: 'Backup/export SQL dump' },
       driver?.databaseEngineTypes?.includes('sql') && { onClick: handleSqlRestore, text: 'Restore/import SQL dump' },
+      driver?.supportsDatabaseDump && { onClick: handleSqlDump, text: 'Backup/export SQL dump' },
       { divider: true },
       isSqlOrDoc && { onClick: handleShowDiagram, text: 'Show diagram' },
       isSqlOrDoc && { onClick: handleSqlGenerator, text: 'SQL Generator' },
@@ -282,6 +285,7 @@
   import newQuery from '../query/newQuery';
   import { exportSqlDump } from '../utility/exportFileTools';
   import ImportDatabaseDumpModal from '../modals/ImportDatabaseDumpModal.svelte';
+import ExportDatabaseDumpModal from '../modals/ExportDatabaseDumpModal.svelte';
 
   export let data;
   export let passProps;

packages/web/src/appobj/SavedFileAppObject.svelte

@@ -1,4 +1,6 @@
 <script lang="ts" context="module">
+  import { filterName } from 'dbgate-tools';
+
   interface FileTypeHandler {
     icon: string;
     format: string;
@@ -74,6 +76,7 @@
   };
 
   export const extractKey = data => data.file;
+  export const createMatcher = ({ file }) => filter => filterName(filter, file);
 </script>
 
 <script lang="ts">