Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Shipping data context: replace address state with useShippingAddress() (https://github.com/woocommerce/woocommerce-blocks/pull/2037) 

* Shipping data context: replace address state with useShippingAddress()

* Move External dependencies to the top

* Remove unnecessary useCallback
This commit is contained in:
Albert Juhé Lluveras 2020-03-27 12:14:32 +01:00 committed by GitHub
parent 6d0ee74157
commit 86215d064d
1 changed files with 19 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
plugins/woocommerce-blocks/assets/js/base/context/cart-checkout/shipping/index.js
View File

@ -1,18 +1,3 @@
/**
* Internal dependencies
*/
import {
ERROR_TYPES,
DEFAULT_SHIPPING_ADDRESS,
DEFAULT_SHIPPING_CONTEXT_DATA,
} from './constants';
import {
EMIT_TYPES,
emitterSubscribers,
reducer as emitReducer,
emitEvent,
} from './event-emit';
/**
* External dependencies
*/
@ -22,12 +7,26 @@ import {
useState,
useReducer,
useEffect,
useCallback,
useRef,
} from '@wordpress/element';
import { useShippingRates, useStoreCart } from '@woocommerce/base-hooks';
import {
useShippingAddress,
useShippingRates,
useStoreCart,
} from '@woocommerce/base-hooks';
import { useCheckoutContext } from '@woocommerce/base-context';
/**
* Internal dependencies
*/
import { ERROR_TYPES, DEFAULT_SHIPPING_CONTEXT_DATA } from './constants';
import {
EMIT_TYPES,
emitterSubscribers,
reducer as emitReducer,
emitEvent,
} from './event-emit';
/**
* @typedef {import('@woocommerce/type-defs/contexts').ShippingDataContext} ShippingDataContext
*/
@ -97,9 +96,7 @@ export const ShippingDataProvider = ( { children } ) => {
NONE
);
const [ observers, subscriber ] = useReducer( emitReducer, {} );
const [ currentShippingAddress, setAddressState ] = useState(
DEFAULT_SHIPPING_ADDRESS
);
const { shippingAddress, setShippingAddress } = useShippingAddress();
const currentObservers = useRef( observers );
const [ shippingOptions, setShippingOptions ] = useState( [] );
const [ shippingOptionsLoading, setShippingOptionsLoading ] = useState(
@ -108,12 +105,6 @@ export const ShippingDataProvider = ( { children } ) => {
// @todo, this will need wired up to persistence (useSelectedRates?) which
// will be setup similar to `useShippingRates` (or maybe in the same hook?)
const [ selectedRates, setSelectedRates ] = useState( [] );
const setShippingAddress = useCallback( ( address ) => {
setAddressState( ( prevAddress ) => ( {
...prevAddress,
...address,
} ) );
}, [] );
const onShippingRateSuccess = emitterSubscribers( subscriber ).onSuccess;
const onShippingRateFail = emitterSubscribers( subscriber ).onFail;
const onShippingRateSelectSuccess = emitterSubscribers( subscriber )
@ -195,7 +186,7 @@ export const ShippingDataProvider = ( { children } ) => {
shippingRatesLoading: shippingOptionsLoading,
selectedRates,
setSelectedRates,
shippingAddress: currentShippingAddress,
shippingAddress,
setShippingAddress,
onShippingRateSuccess,
onShippingRateFail,
@ -206,7 +197,7 @@ export const ShippingDataProvider = ( { children } ) => {
return (
<>
<ShippingRateCalculation
address={ currentShippingAddress }
address={ shippingAddress }
onChange={ onRateChange }
/>
<ShippingDataContext.Provider value={ ShippingData }>