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

Remove redundant Address Card component

Browse source
This commit is contained in:
Daniel Dudzic 2024-09-11 22:59:32 +02:00
parent 24a481bdeb
commit 09428e9a37
No known key found for this signature in database
GPG key ID: 31B40D33E3465483
2 changed files with 0 additions and 126 deletions
Download patch file Download diff file Expand all files Collapse all files

68
modules/ppcp-axo-block/resources/js/components/AddressCard.js
View file

@ -1,68 +0,0 @@
import { __ } from '@wordpress/i18n';
const AddressCard = ( { address, onEdit, isExpanded } ) => {
const formatAddress = ( addressData ) => {
const {
first_name,
last_name,
company,
address_1,
address_2,
city,
state,
postcode,
country,
} = addressData;
const formattedAddress = [
`${ first_name } ${ last_name }`,
company,
address_1,
address_2,
city,
state,
postcode,
country,
].filter( Boolean );
return formattedAddress;
};
const formattedAddress = formatAddress( address );
return (
<div className="wc-block-components-axo-address-card">
<address>
{ formattedAddress.map( ( line, index ) => (
<span
key={ index }
className="wc-block-components-axo-address-card__address-section"
>
{ line }
</span>
) ) }
{ address.phone && (
<div className="wc-block-components-axo-address-card__address-section">
{ address.phone }
</div>
) }
</address>
{ onEdit && (
<button
className="wc-block-components-axo-address-card__edit"
aria-controls="shipping"
aria-expanded={ isExpanded }
aria-label={ __( 'Edit shipping address', 'woocommerce' ) }
onClick={ ( e ) => {
e.preventDefault();
onEdit();
} }
type="button"
>
{ __( 'Edit', 'woocommerce' ) }
</button>
) }
</div>
);
};
export default AddressCard;

58
modules/ppcp-axo-block/resources/js/helpers/addressManager.js
View file

@ -1,58 +0,0 @@
import { useState, useEffect, createRoot } from '@wordpress/element';
import AddressCard from '../components/AddressCard';
import { useCustomerData } from '../hooks/useCustomerData';
const AddressManager = ( { onChangeShippingAddressClick } ) => {
const [ isEditing, setIsEditing ] = useState( false );
const { shippingAddress } = useCustomerData();
useEffect( () => {
const injectAddressCard = () => {
const shippingForm = document.querySelector(
'#shipping.wc-block-components-address-form'
);
if (
shippingForm &&
! document.querySelector(
'.wc-block-components-axo-address-card'
)
) {
const cardWrapper = document.createElement( 'div' );
cardWrapper.className = 'wc-block-components-axo-address-card';
shippingForm.parentNode.insertBefore(
cardWrapper,
shippingForm
);
const root = createRoot( cardWrapper );
root.render(
<AddressCard
address={ shippingAddress }
onEdit={ () => {
setIsEditing( ! isEditing );
onChangeShippingAddressClick();
} }
isExpanded={ isEditing }
/>
);
}
};
if ( shippingAddress ) {
injectAddressCard();
}
return () => {
const cardWrapper = document.querySelector(
'.wc-block-components-axo-address-card'
);
if ( cardWrapper ) {
cardWrapper.remove();
}
};
}, [ shippingAddress, isEditing, onChangeShippingAddressClick ] );
return null;
};
export default AddressManager;