woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-06 16:24:33 +08:00
Code Issues Projects Packages Wiki Activity Actions

Rename files, folders

Browse source
This commit is contained in:
inpsyde-maticluznar 2024-10-23 15:24:52 +02:00
parent e971ea33be
commit 222bd0848e
No known key found for this signature in database
GPG key ID: D005973F231309F6
21 changed files with 197 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

43
modules/ppcp-settings/resources/js/Components/ReusableComponents/SettingsToggleBlock.js Normal file
View file

@ -0,0 +1,43 @@
import { useState } from '@wordpress/element';
import { ToggleControl } from '@wordpress/components';
const SettingsToggleBlock = ( props ) => {
const [ isToggled, setToggled ] = useState( false );
return (
<div className="ppcp-r-toggle-block">
<div className="ppcp-r-toggle-block__wrapper">
<div className="ppcp-r-toggle-block__content">
{ props?.label && (
<span className="ppcp-r-toggle-block__content-label">
{ props.label }
</span>
) }
{ props?.description && (
<p
className="ppcp-r-toggle-block__content-description"
dangerouslySetInnerHTML={ {
__html: props.description,
} }
></p>
) }
</div>
<div className="ppcp-r-toggle-block__switch">
<ToggleControl
checked={ isToggled }
onChange={ ( newValue ) => {
setToggled( newValue );
} }
/>
</div>
</div>
{ props.children && isToggled && (
<div className="ppcp-r-toggle-block__toggled-content">
{ props.children }
</div>
) }
</div>
);
};
export default SettingsToggleBlock;