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

Product Button: use setTimeout when requestIdleCallback isn't available (https://github.com/woocommerce/woocommerce-blocks/pull/11125)

This commit is contained in:
Luigi Teschio 2023-10-04 10:58:23 +02:00 committed by GitHub
parent c47babe628
commit 9dd8dd321f
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/button/frontend.tsx
View File

@ -64,6 +64,10 @@ const injectNotice = ( domNode: Element, errorMessage: string ) => {
} ); } );
}; };
// RequestIdleCallback is not available in Safari, so we use setTimeout as an alternative.
const callIdleCallback =
window.requestIdleCallback || ( ( cb ) => setTimeout( cb, 100 ) );
const getProductById = ( cartState: Cart | undefined, productId: number ) => { const getProductById = ( cartState: Cart | undefined, productId: number ) => {
return cartState?.items.find( ( item ) => item.id === productId ); return cartState?.items.find( ( item ) => item.id === productId );
}; };
@ -286,7 +290,7 @@ interactivityStore(
// This selector triggers a fetch of the Cart data. It is done in a // This selector triggers a fetch of the Cart data. It is done in a
// `requestIdleCallback` to avoid potential performance issues. // `requestIdleCallback` to avoid potential performance issues.
requestIdleCallback( () => { callIdleCallback( () => {
if ( ! selectors.woocommerce.hasCartLoaded( store ) ) { if ( ! selectors.woocommerce.hasCartLoaded( store ) ) {
select( storeKey ).getCartData(); select( storeKey ).getCartData();
} }