Merge pull request #1990 from RedisInsight/fe/feature/RI-4119_Edit_SNI

#RI-4119 - edit sni

Author: vlad-dargel

redisinsight/ui/src/pages/home/components/AddInstanceForm/InstanceForm/InstanceForm.tsx

@@ -128,7 +128,7 @@ const AddStandaloneForm = (props: Props) => {
       provider,
       ssh,
       sshPassType = SshPassType.Password,
-      sshOptions
+      sshOptions,
     },
     initialValues: initialValuesProp,
     width,
@@ -162,6 +162,7 @@ const AddStandaloneForm = (props: Props) => {
     showDb: !!db,
     showCompressor: compressor !== NONE,
     sni: !!servername,
+    servername,
     newCaCert: '',
     newCaCertName: '',
     selectedCaCertName,

redisinsight/ui/src/pages/home/components/AddInstanceForm/InstanceFormWrapper.tsx

@@ -68,6 +68,7 @@ const getInitialValues = (editedInstance: Nullable<Instance>) => ({
     : (editedInstance ? '' : undefined),
   tls: !!editedInstance?.tls ?? false,
   ssh: !!editedInstance?.ssh ?? false,
+  servername: editedInstance?.tlsServername,
   sshPassType: editedInstance?.sshOptions
     ? (editedInstance.sshOptions.privateKey ? SshPassType.PrivateKey : SshPassType.Password)
     : SshPassType.Password
@@ -87,7 +88,7 @@ const InstanceFormWrapper = (props: Props) => {
   const [initialValues, setInitialValues] = useState(getInitialValues(editedInstance))
   const [isCloneMode, setIsCloneMode] = useState<boolean>(false)
 
-  const { host, port, name, username, password, timeout, tls, ssh, sshPassType } = initialValues
+  const { host, port, name, username, password, timeout, tls, ssh, sshPassType, servername } = initialValues
 
   const { loadingChanging: loadingStandalone } = useSelector(instancesSelector)
   const { loading: loadingSentinel } = useSelector(sentinelSelector)
@@ -541,7 +542,8 @@ const InstanceFormWrapper = (props: Props) => {
     sentinelMasterUsername,
     sentinelMasterPassword,
     ssh,
-    sshPassType
+    sshPassType,
+    servername,
   }
 
   const getSubmitButtonText = () => {