49 lines
1.0 KiB
TypeScript
49 lines
1.0 KiB
TypeScript
/**
|
|
* External dependencies
|
|
*/
|
|
import { __ } from '@wordpress/i18n';
|
|
import type { Currency } from '@woocommerce/price-format';
|
|
import type { ReactElement } from 'react';
|
|
import { getSetting } from '@woocommerce/settings';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import TotalsItem from '../item';
|
|
|
|
interface Values {
|
|
total_items: string;
|
|
total_items_tax: string;
|
|
}
|
|
|
|
export interface SubtotalProps {
|
|
className?: string;
|
|
currency: Currency;
|
|
values: Values | Record< string, never >;
|
|
}
|
|
|
|
const Subtotal = ( {
|
|
currency,
|
|
values,
|
|
className,
|
|
}: SubtotalProps ): ReactElement => {
|
|
const { total_items: totalItems, total_items_tax: totalItemsTax } = values;
|
|
const itemsValue = parseInt( totalItems, 10 );
|
|
const itemsTaxValue = parseInt( totalItemsTax, 10 );
|
|
|
|
return (
|
|
<TotalsItem
|
|
className={ className }
|
|
currency={ currency }
|
|
label={ __( 'Subtotal', 'woo-gutenberg-products-block' ) }
|
|
value={
|
|
getSetting( 'displayCartPricesIncludingTax', false )
|
|
? itemsValue + itemsTaxValue
|
|
: itemsValue
|
|
}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default Subtotal;
|