Add-ons: Use integer values for currency in useAddOnDisplayCost (#81461)

Automattic · Sep 7, 2023 · 62187e0 · 62187e0
1 parent af15567
commit 62187e0
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/client/my-sites/add-ons/hooks/use-add-on-display-cost.ts b/client/my-sites/add-ons/hooks/use-add-on-display-cost.ts
@@ -8,7 +8,7 @@ const useAddOnDisplayCost = ( productSlug: string, quantity?: number ) => {
 
 	return useSelector( ( state ) => {
 		const product = getProductBySlug( state, productSlug );
-		let cost = product?.cost;
+		let cost = product?.cost_smallest_unit;
 		const currencyCode = getProductCurrencyCode( state, productSlug );
 
 		if ( ! ( cost && currencyCode ) ) {
@@ -25,12 +25,13 @@ const useAddOnDisplayCost = ( productSlug: string, quantity?: number ) => {
 			} );
 
 		if ( priceTier ) {
-			cost = priceTier?.maximum_price / 100;
+			cost = priceTier?.maximum_price;
 		}
 
 		if ( product?.product_term === 'month' ) {
 			const formattedCost = formatCurrency( cost, currencyCode, {
 				stripZeros: true,
+				isSmallestUnit: true,
 			} );
 			return translate( '%(formattedCost)s/month, billed monthly', {
 				/* Translators: $formattedCost: monthly price formatted with currency */
@@ -42,6 +43,7 @@ const useAddOnDisplayCost = ( productSlug: string, quantity?: number ) => {
 
 		const monthlyCost = formatCurrency( cost / 12, currencyCode, {
 			stripZeros: true,
+			isSmallestUnit: true,
 		} );
 
 		return translate( '%(monthlyCost)s/month, billed yearly', {