#RI-5187 - fix connection form

Author: rsergeenko

redisinsight/ui/src/pages/home/components/manual-connection/ManualConnectionWrapper.tsx

@@ -174,6 +174,8 @@ const ManualConnectionWrapper = (props: Props) => {
       sentinelMasterName,
       sentinelMasterUsername,
       sentinelMasterPassword,
+      ssh,
+      tls
     } = values
 
     const database: any = {
@@ -186,6 +188,8 @@ const ManualConnectionWrapper = (props: Props) => {
       password,
       compressor,
       timeout: timeout ? toNumber(timeout) * 1_000 : toNumber(DEFAULT_TIMEOUT),
+      ssh,
+      tls
     }
 
     // add tls & ssh for database (modifies database object)

redisinsight/ui/src/pages/home/utils/form.tsx

@@ -284,8 +284,8 @@ export const getFormValues = (instance?: Nullable<Record<string, any>>) => ({
   modules: instance?.modules,
   showDb: !!instance?.db,
   showCompressor: instance && instance.compressor && instance.compressor !== NONE,
-  sni: !!instance?.servername,
-  servername: instance?.servername,
+  sni: !!instance?.tlsServername,
+  servername: instance?.tlsServername,
   newCaCert: '',
   newCaCertName: '',
   selectedCaCertName: instance?.caCert?.id ?? NO_CA_CERT,

redisinsight/ui/src/utils/comparisons/diff.ts

@@ -29,7 +29,7 @@ export const getFormUpdates = (obj1: UnknownObject = {}, obj2: UnknownObject = {
           result[key] = diff
         }
       } else if (value !== obj2[key] && !(!value && !obj2[key])) {
-        result[key] = value || null
+        result[key] = value ?? null
       }
 
       return result

redisinsight/ui/src/utils/tests/comparisons/diff.spec.ts

@@ -18,7 +18,7 @@ describe('getDiffKeysOfObjectValues', () => {
 
 const getFormUpdatesTests: any[] = [
   [{ name: 'name' }, { name: 'name' }, {}],
-  [{ name: '' }, { name: 'name' }, { name: null }],
+  [{ name: '' }, { name: 'name' }, { name: '' }],
   [{ name: 'name' }, { name: '' }, { name: 'name' }],
   [{ name: 'name', port: 123 }, { name: '', port: 123 }, { name: 'name' }],
   [{ name: 'name', port: 123 }, { name: '', port: 1 }, { name: 'name', port: 123 }],