Merge pull request #3070 from RedisInsight/fe/feature/RI-5444_Enlarge_the_search_index_drop-down

#RI-5444, #RI-5436

Author: vlad-dargel

redisinsight/ui/src/pages/browser/components/redisearch-key-list/styles.module.scss

@@ -170,3 +170,16 @@
     }
   }
 }
+
+.select {
+  width: 350px;
+  position: absolute;
+  z-index: 1;
+
+  :global {
+    .euiFormControlLayout__childrenWrapper {
+      width: 200px;
+      position: relative;
+    }
+  }
+}

redisinsight/ui/src/pages/home/components/sentinel-connection/sentinel-connection-form/SentinelConnectionForm.tsx

@@ -72,6 +72,7 @@ const SentinelConnectionForm = (props: Props) => {
     initialValues,
     validate,
     enableReinitialize: true,
+    validateOnMount: true,
     onSubmit: (values: any) => {
       onSubmit(values)
     },

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

@@ -215,7 +215,7 @@ export const autoFillFormDetails = (
         }
 
         case InstanceType.Sentinel: {
-          return ({
+          return getFormValues({
             host: details.host || initialValues.host || 'localhost',
             port: `${details.port || initialValues.port || 9443}`,
             username: details.username || '',
@@ -225,7 +225,7 @@ export const autoFillFormDetails = (
         }
 
         case InstanceType.Standalone: {
-          return (getFormValues({
+          return getFormValues({
             name: details.hostname || initialValues.name || 'localhost:6379',
             host: details.host || initialValues.host || 'localhost',
             port: `${details.port || initialValues.port || 9443}`,
@@ -235,7 +235,7 @@ export const autoFillFormDetails = (
             db: details.dbNumber,
             ssh: false,
             sshPassType: SshPassType.Password
-          }))
+          })
         }
         default: {
           return {}

redisinsight/ui/src/styles/base/_overrides.scss

@@ -54,5 +54,5 @@
 }
 
 body .euiSuperSelect__listbox {
-  max-height: 340px;
+  max-height: 350px;
 }