From fa357cf8cef190ae4dd2179fc0a9dcd251a5f673 Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Thu, 2 Jun 2022 15:48:45 +0200
Subject: [PATCH] better UX when define SSH port #291

---
 .../web/src/settings/ConnectionSshTunnelFields.svelte  | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/settings/ConnectionSshTunnelFields.svelte b/packages/web/src/settings/ConnectionSshTunnelFields.svelte
index f7df9f57c..8c735ef38 100644
--- a/packages/web/src/settings/ConnectionSshTunnelFields.svelte
+++ b/packages/web/src/settings/ConnectionSshTunnelFields.svelte
@@ -21,7 +21,7 @@
 
   $: {
     if (!$values.sshMode) setFieldValue('sshMode', 'userPassword');
-    if (!$values.sshPort) setFieldValue('sshPort', '22');
+    // if (!$values.sshPort) setFieldValue('sshPort', '22');
     if (!$values.sshKeyfile && $platformInfo) setFieldValue('sshKeyfile', $platformInfo.defaultKeyfile);
   }
 </script>
@@ -33,7 +33,13 @@
     <FormTextField label="Host" name="sshHost" disabled={!useSshTunnel} templateProps={{ noMargin: true }} />
   </div>
   <div class="col-3">
-    <FormTextField label="Port" name="sshPort" disabled={!useSshTunnel} templateProps={{ noMargin: true }} />
+    <FormTextField
+      label="Port"
+      name="sshPort"
+      disabled={!useSshTunnel}
+      templateProps={{ noMargin: true }}
+      placeholder="22"
+    />
   </div>
 </div>
 <FormTextField label="Bastion host (Jump host)" name="sshBastionHost" disabled={!useSshTunnel} />