@@ -17,6 +17,7 @@ import VisibilityOff from '@material-ui/icons/VisibilityOff';
1717const Edit = ( { credentials, form, security, onChange, editField} ) => {
1818 const [ show , setShow ] = React . useState ( false ) ;
1919 const [ loginWith , setLoginWith ] = React . useState ( credentials . isToken ? 'token' :'pass' ) ;
20+ const [ clickAwayActive , setClickAwayActive ] = React . useState ( false ) ;
2021
2122 const showAll = editField === 'all' ;
2223 const showAddress = editField === 'address' ;
@@ -38,13 +39,15 @@ const Edit = ({credentials, form, security, onChange, editField}) => {
3839
3940 const handleOnChangeAddress = ( { target} ) => {
4041 const { value} = target ;
42+ setClickAwayActive ( true ) ;
4143 onChange ( 'form' , { address : value } ) ;
4244 } ;
4345
4446 const handleClickAwayCheck = ( ) => {
4547 if ( showAll ) {
48+ setClickAwayActive ( false ) ;
4649 const tls = form . address . startsWith ( 'https://' ) ;
47- onChange ( 'security' , { secureConnection : tls } ) ;
50+ onChange ( 'security' , { secureConnection : tls , insecureSkipVerify : false } ) ;
4851 }
4952 } ;
5053
@@ -63,8 +66,13 @@ const Edit = ({credentials, form, security, onChange, editField}) => {
6366 } ;
6467
6568 const handleSwitchSSL = ( { target} ) => {
66- const { id, checked} = target ;
67- onChange ( 'security' , { [ id ] : checked } ) ;
69+ const { checked} = target ;
70+ onChange ( 'security' , { secureConnection : checked , insecureSkipVerify : false } ) ;
71+ } ;
72+
73+ const handleSwitchISV = ( { target} ) => {
74+ const { checked} = target ;
75+ onChange ( 'security' , { insecureSkipVerify : checked } ) ;
6876 } ;
6977
7078 return (
@@ -84,7 +92,7 @@ const Edit = ({credentials, form, security, onChange, editField}) => {
8492 />
8593 </ Collapse >
8694 < Collapse in = { showAll || showAddress } timeout = "auto" unmountOnExit >
87- < ClickAwayListener onClickAway = { handleClickAwayCheck } >
95+ < ClickAwayListener onClickAway = { handleClickAwayCheck } touchEvent = { clickAwayActive && 'onTouchEnd' } mouseEvent = { clickAwayActive && 'onClick' } >
8896 < TextField
8997 autoFocus
9098 margin = "dense"
@@ -187,7 +195,7 @@ const Edit = ({credentials, form, security, onChange, editField}) => {
187195 checked = { security . insecureSkipVerify }
188196 color = "primary"
189197 id = "insecureSkipVerify"
190- onChange = { handleSwitchSSL }
198+ onChange = { handleSwitchISV }
191199 />
192200 ) }
193201 label = "Allow insecure certificates"
0 commit comments