Make the toggle state name a bit more descriptive

woocommerce · Dec 17, 2024 · 44e79f6 · 44e79f6
1 parent f32f30e
commit 44e79f6
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/...tings/resources/js/Components/ReusableComponents/SettingsBlocks/PaymentMethodItemBlock.js b/...tings/resources/js/Components/ReusableComponents/SettingsBlocks/PaymentMethodItemBlock.js
@@ -5,7 +5,7 @@ import PaymentMethodIcon from '../PaymentMethodIcon';
 import data from '../../../utils/data';
 
 const PaymentMethodItemBlock = ( props ) => {
-	const [ isChecked, setIsChecked ] = useState( false );
+	const [ toggleIsChecked, setToggleIsChecked ] = useState( false );
 	const [ modalIsVisible, setModalIsVisible ] = useState( false );
 	const Modal = props?.modal;
 
@@ -28,8 +28,8 @@ const PaymentMethodItemBlock = ( props ) => {
 					<div className="ppcp-r-settings-block__payment-methods__item__footer">
 						<ToggleControl
 							__nextHasNoMarginBottom={ true }
-							checked={ isChecked }
-							onChange={ setIsChecked }
+							checked={ toggleIsChecked }
+							onChange={ setToggleIsChecked }
 						/>
 						{ Modal && (
 							<div