Merge pull request #2897 from RedisInsight/fe/bugfix/RI-5277-tls_tlsClientAuthRequired

#RI-5277 - update tlsClientAuthRequired onChange

Author: mariasergeenko

redisinsight/ui/src/pages/home/components/form/DbCompressor.tsx

@@ -62,7 +62,10 @@ const DbCompressor = (props: Props) => {
       // Reset db field to initial value
       formik.setFieldValue('compressor', NONE)
     }
-    formik.handleChange(e)
+    formik.setFieldValue(
+      'showCompressor',
+      isChecked
+    )
   }
 
   return (

redisinsight/ui/src/pages/home/components/form/TlsDetails.tsx

@@ -219,7 +219,11 @@ const TlsDetails = (props: Props) => {
               name="tlsClientAuthRequired"
               label="Requires TLS Client Authentication"
               checked={!!formik.values.tlsClientAuthRequired}
-              onChange={formik.handleChange}
+              onChange={(e: ChangeEvent<HTMLInputElement>) =>
+                formik.setFieldValue(
+                  'tlsClientAuthRequired',
+                  e.target.checked
+                )}
               data-testid="tls-required-checkbox"
             />
           </EuiFlexItem>

redisinsight/ui/src/pages/home/components/manual-connection/manual-connection-form/ManualConnectionFrom.spec.tsx

@@ -615,7 +615,7 @@ describe('InstanceForm', () => {
     })
     expect(handleTestConnection).toBeCalledWith(
       expect.objectContaining({
-        tlsClientAuthRequired: ['on'],
+        tlsClientAuthRequired: true,
       })
     )
     await act(() => {
@@ -624,7 +624,7 @@ describe('InstanceForm', () => {
 
     expect(handleSubmit).toBeCalledWith(
       expect.objectContaining({
-        tlsClientAuthRequired: ['on'],
+        tlsClientAuthRequired: true,
       })
     )
   })