From 51bd5c228be789db9c05dabdd0d8cb741681b472 Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Thu, 28 Apr 2022 14:20:55 +0200
Subject: [PATCH] better import/export dump modals

---
 .../web/src/modals/ExportDatabaseDumpModal.svelte   | 12 ++++++++++--
 .../web/src/modals/ImportDatabaseDumpModal.svelte   | 13 +++++++++++--
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/packages/web/src/modals/ExportDatabaseDumpModal.svelte b/packages/web/src/modals/ExportDatabaseDumpModal.svelte
index 3ece73232..ec84c04b5 100644
--- a/packages/web/src/modals/ExportDatabaseDumpModal.svelte
+++ b/packages/web/src/modals/ExportDatabaseDumpModal.svelte
@@ -15,6 +15,7 @@
   import { closeCurrentModal, showModal } from './modalTools';
   import InputTextModal from './InputTextModal.svelte';
   import { apiCall } from '../utility/api';
+  import getConnectionLabel from '../utility/getConnectionLabel';
 
   export let connection;
 
@@ -89,9 +90,16 @@
   <ModalBase {...$$restProps}>
     <svelte:fragment slot="header">Export database dump</svelte:fragment>
 
-    <div class="m-3">Target: {outputLabel}</div>
+    <div class="m-3">
+      <strong>Source:</strong>
+      {getConnectionLabel(connection)}
+      {#if connection.database}
+        ({connection.database})
+      {/if}
+    </div>
 
-    <div class="flex">
+    <div class="ml-3 mr-3 mt-3"><strong>Target:</strong> {outputLabel}</div>
+    <div class="flex ml-3">
       {#if electron}
         <FormStyledButton type="button" value="Browse" on:click={handleBrowse} />
       {:else}
diff --git a/packages/web/src/modals/ImportDatabaseDumpModal.svelte b/packages/web/src/modals/ImportDatabaseDumpModal.svelte
index 56ad3c852..3dc8fa3f5 100644
--- a/packages/web/src/modals/ImportDatabaseDumpModal.svelte
+++ b/packages/web/src/modals/ImportDatabaseDumpModal.svelte
@@ -9,6 +9,7 @@
   import { currentDropDownMenu } from '../stores';
   import { apiCall } from '../utility/api';
   import { importSqlDump } from '../utility/exportFileTools';
+  import getConnectionLabel from '../utility/getConnectionLabel';
   import getElectron from '../utility/getElectron';
   import { setUploadListener } from '../utility/uploadFiles';
   import ChangeDownloadUrlModal from './ChangeDownloadUrlModal.svelte';
@@ -90,9 +91,9 @@
   <ModalBase {...$$restProps}>
     <svelte:fragment slot="header">Import database dump</svelte:fragment>
 
-    <div class="m-3">Source: {inputLabel}</div>
+    <div class="ml-3 mr-3 mt-3"><strong>Source:</strong> {inputLabel}</div>
 
-    <div class="flex">
+    <div class="flex ml-3 mr-3 mb-3">
       {#if electron}
         <FormStyledButton type="button" value="Browse" on:click={handleBrowse} />
       {:else}
@@ -103,6 +104,14 @@
       <FormStyledButton value="From files" on:click={handleFilesClick} bind:this={domButton} />
     </div>
 
+    <div class="m-3">
+      <strong>Target:</strong>
+      {getConnectionLabel(connection)}
+      {#if connection.database}
+        ({connection.database})
+      {/if}
+    </div>
+
     <svelte:fragment slot="footer">
       <FormSubmit value="Run import" on:click={e => handleSubmit(e.detail)} disabled={!inputFile} />
       <FormStyledButton type="button" value="Cancel" on:click={closeCurrentModal} />