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

✨ Replace the debounce-hook with a control

Browse source
This commit is contained in:
Philipp Stracker 2024-10-24 16:58:03 +02:00
parent f047a9a54f
commit a91b727121
No known key found for this signature in database
3 changed files with 69 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

30
modules/ppcp-settings/resources/js/Components/Screens/Onboarding/StepWelcome.js
View file

@ -5,7 +5,7 @@ import PaymentMethodIcons from '../../ReusableComponents/PaymentMethodIcons';
import SettingsToggleBlock from '../../ReusableComponents/SettingsToggleBlock';
import Separator from '../../ReusableComponents/Separator';
import { useOnboardingDetails } from '../../../data';
import { useDebounceField } from '../../../utils/hooks';
import DataStoreControl from '../../ReusableComponents/DataStoreControl';
const StepWelcome = () => {
return (
@ -85,16 +85,6 @@ const WelcomeForm = () => {
setClientSecret,
} = useOnboardingDetails();
const [ currentClientId, updateClientId ] = useDebounceField(
setClientId,
clientId
);
const [ currentClientSecret, updateClientSecret ] = useDebounceField(
setClientSecret,
clientSecret
);
const advancedUsersDescription = sprintf(
// translators: %s: Link to PayPal REST application guide
__(
@ -132,23 +122,25 @@ const WelcomeForm = () => {
isToggled={ !! isManualConnectionMode }
setToggled={ setManualConnectionMode }
>
<TextControl
<DataStoreControl
control={ TextControl }
label={ __(
'Sandbox Client ID',
'woocommerce-paypal-payments'
) }
value={ currentClientId }
onChange={ updateClientId }
></TextControl>
<TextControl
value={ clientId }
onChange={ setClientId }
/>
<DataStoreControl
control={ TextControl }
label={ __(
'Sandbox Secret Key',
'woocommerce-paypal-payments'
) }
value={ currentClientSecret }
onChange={ updateClientSecret }
value={ clientSecret }
onChange={ setClientSecret }
type="password"
></TextControl>
/>
<Button variant="secondary">
{ __( 'Connect Account', 'woocommerce-paypal-payments' ) }
</Button>