#RI-5277 - update tlsClientAuthRequired onChange

Author: AmirAllayarovSofteq

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

@@ -64,6 +64,7 @@ const TlsDetails = (props: Props) => {
       inputDisplay: cert.name,
     })
   })
+  console.log(formik.values.verifyServerTlsCert, formik.values.tlsClientAuthRequired)
 
   return (
     <>
@@ -219,7 +220,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,
       })
     )
   })