From 09428e9a37feb986af06dd45426b911bf905736a Mon Sep 17 00:00:00 2001 From: Daniel Dudzic Date: Wed, 11 Sep 2024 22:59:32 +0200 Subject: [PATCH] Remove redundant Address Card component --- .../resources/js/components/AddressCard.js | 68 ------------------- .../resources/js/helpers/addressManager.js | 58 ---------------- 2 files changed, 126 deletions(-) delete mode 100644 modules/ppcp-axo-block/resources/js/components/AddressCard.js delete mode 100644 modules/ppcp-axo-block/resources/js/helpers/addressManager.js diff --git a/modules/ppcp-axo-block/resources/js/components/AddressCard.js b/modules/ppcp-axo-block/resources/js/components/AddressCard.js deleted file mode 100644 index e91c3defe..000000000 --- a/modules/ppcp-axo-block/resources/js/components/AddressCard.js +++ /dev/null @@ -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 ( -
-
- { formattedAddress.map( ( line, index ) => ( - - { line } - - ) ) } - { address.phone && ( -
- { address.phone } -
- ) } -
- { onEdit && ( - - ) } -
- ); -}; - -export default AddressCard; diff --git a/modules/ppcp-axo-block/resources/js/helpers/addressManager.js b/modules/ppcp-axo-block/resources/js/helpers/addressManager.js deleted file mode 100644 index 351f7ab88..000000000 --- a/modules/ppcp-axo-block/resources/js/helpers/addressManager.js +++ /dev/null @@ -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( - { - 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;