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

TODO implementation and partial status implementation on the dashobard page

Browse source
This commit is contained in:
inpsyde-maticluznar 2024-10-25 14:35:16 +02:00
parent 637a9c6dca
commit 2afc530af5
No known key found for this signature in database
GPG key ID: D005973F231309F6
23 changed files with 636 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

52
modules/ppcp-settings/resources/js/Components/ReusableComponents/SelectBox.js
View file

@ -1,19 +1,7 @@
import data from '../../utils/data';
import { PayPalCheckbox, PayPalRdb, handleCheckboxState } from './Fields';
const SelectBox = ( props ) => {
const handleCheckboxState = ( checked ) => {
let newValue = null;
if ( checked ) {
newValue = [ ...props.currentValue, props.value ];
props.changeCallback( newValue );
} else {
newValue = props.currentValue.filter(
( value ) => value !== props.value
);
}
props.changeCallback( newValue );
};
let boxClassName = 'ppcp-r-select-box';
if (
@ -27,34 +15,20 @@ const SelectBox = ( props ) => {
return (
<div className={ boxClassName }>
{ props.type === 'radio' && (
<div className="ppcp-r-select-box__radio">
<input
className="ppcp-r-select-box__radio-value"
type="radio"
checked={ props.value === props.currentValue }
name={ props.name }
value={ props.value }
onChange={ () => props.changeCallback( props.value ) }
/>
<span className="ppcp-r-select-box__radio-presentation"></span>
</div>
<PayPalRdb
{ ...{
...props,
handleRdbState: props.changeCallback,
} }
/>
) }
{ props.type === 'checkbox' && (
<div className="ppcp-r-select-box__checkbox">
<input
className="ppcp-r-select-box__checkbox-value"
type="checkbox"
checked={ props.currentValue.includes( props.value ) }
name={ props.name }
value={ props.value }
onChange={ ( e ) =>
handleCheckboxState( e.target.checked )
}
/>
<span className="ppcp-r-select-box__checkbox-presentation">
{ data().getImage( 'icon-checkbox.svg' ) }
</span>
</div>
<PayPalCheckbox
{ ...{
...props,
handleCheckboxState,
} }
/>
) }
<div className="ppcp-r-select-box__content">
{ data().getImage( props.icon ) }