diff --git a/assets/js/blocks/checkout/inner-blocks/checkout-pickup-options-block/block.tsx b/assets/js/blocks/checkout/inner-blocks/checkout-pickup-options-block/block.tsx index 7ae5a475e9f..342bbbec34c 100644 --- a/assets/js/blocks/checkout/inner-blocks/checkout-pickup-options-block/block.tsx +++ b/assets/js/blocks/checkout/inner-blocks/checkout-pickup-options-block/block.tsx @@ -14,11 +14,11 @@ import FormattedMonetaryAmount from '@woocommerce/base-components/formatted-mone import { decodeEntities } from '@wordpress/html-entities'; import { getSetting } from '@woocommerce/settings'; import { Icon, mapMarker } from '@wordpress/icons'; -import RadioControl from '@woocommerce/base-components/radio-control'; import type { RadioControlOption } from '@woocommerce/base-components/radio-control/types'; import { CartShippingPackageShippingRate } from '@woocommerce/types'; import { isPackageRateCollectable } from '@woocommerce/base-utils'; import { ExperimentalOrderLocalPickupPackages } from '@woocommerce/blocks-checkout'; +import { LocalPickupSelect } from '@woocommerce/base-components/cart-checkout/local-pickup-select'; /** * Internal dependencies @@ -144,7 +144,7 @@ const Block = (): JSX.Element | null => { cart, components: { ShippingRatesControlPackage, - RadioControl, + LocalPickupSelect, }, renderPickupLocation, }; @@ -161,15 +161,13 @@ const Block = (): JSX.Element | null => { <> - { - setSelectedOption( value ); - onSelectRate( value ); - } } - selected={ selectedOption } - options={ pickupLocations.map( ( location ) => - renderPickupLocation( location, shippingRates.length ) - ) } +