+
({
- label: item.name,
- regionalAmount: formatCurrency(
- item.amount,
- estimation.regional_currency_costs.currency.symbol,
- ),
- employerAmount: formatCurrency(
- item.amount,
- estimation.employer_currency_costs.currency.symbol,
- ),
- zendeskId: item.zendesk_article_id || undefined,
- zendeskURL: item.zendesk_article_url || undefined,
- tooltip: item.description || undefined,
- }),
- ) || [],
- },
- {
- label: 'Core benefits',
- regionalAmount: formatCurrency(
- estimation.regional_currency_costs.monthly_benefits_total,
- estimation.regional_currency_costs.currency.symbol,
- ),
- employerAmount: formatCurrency(
- estimation.employer_currency_costs.monthly_benefits_total,
- estimation.employer_currency_costs.currency.symbol,
- ),
- children:
- estimation.employer_currency_costs.monthly_benefits_breakdown?.map(
- (item) => ({
- label: item.name,
- regionalAmount: formatCurrency(
- item.amount,
- estimation.regional_currency_costs.currency.symbol,
- ),
- employerAmount: formatCurrency(
- item.amount,
- estimation.employer_currency_costs.currency.symbol,
- ),
- zendeskId: item.zendesk_article_id || undefined,
- zendeskURL: item.zendesk_article_url || undefined,
- tooltip: item.description || undefined,
- }),
- ) || [],
- },
- ]}
+ items={monthlyData.breakdownItems}
isMultipleCurrency={isMultipleCurrency}
/>
-
+
({
- label: item.name,
- regionalAmount: formatCurrency(
- item.amount,
- estimation.regional_currency_costs.currency.symbol,
- ),
- employerAmount: formatCurrency(
- item.amount,
- estimation.employer_currency_costs.currency.symbol,
- ),
- zendeskId: item.zendesk_article_id || undefined,
- zendeskURL: item.zendesk_article_url || undefined,
- tooltip: item.description || undefined,
- }),
- ) || [],
- },
- {
- label: 'Core benefits',
- regionalAmount: formatCurrency(
- estimation.regional_currency_costs.annual_benefits_total,
- estimation.regional_currency_costs.currency.symbol,
- ),
- employerAmount: formatCurrency(
- estimation.employer_currency_costs.annual_benefits_total,
- estimation.employer_currency_costs.currency.symbol,
- ),
- children:
- estimation.employer_currency_costs.annual_benefits_breakdown?.map(
- (item) => ({
- label: item.name,
- regionalAmount: formatCurrency(
- item.amount,
- estimation.regional_currency_costs.currency.symbol,
- ),
- employerAmount: formatCurrency(
- item.amount,
- estimation.employer_currency_costs.currency.symbol,
- ),
- zendeskId: item.zendesk_article_id || undefined,
- zendeskURL: item.zendesk_article_url || undefined,
- tooltip: item.description || undefined,
- }),
- ) || [],
- },
- {
- label: 'Extra statutory payments',
- regionalAmount: formatCurrency(
- estimation.regional_currency_costs
- .extra_statutory_payments_total,
- estimation.regional_currency_costs.currency.symbol,
- ),
- employerAmount: formatCurrency(
- estimation.employer_currency_costs
- .extra_statutory_payments_total,
- estimation.employer_currency_costs.currency.symbol,
- ),
- children:
- estimation.employer_currency_costs.extra_statutory_payments_breakdown?.map(
- (item) => ({
- label: item.name,
- regionalAmount: formatCurrency(
- item.amount,
- estimation.regional_currency_costs.currency.symbol,
- ),
- employerAmount: formatCurrency(
- item.amount,
- estimation.employer_currency_costs.currency.symbol,
- ),
- zendeskId: item.zendesk_article_id || undefined,
- zendeskURL: item.zendesk_article_url || undefined,
- tooltip: item.description || undefined,
- }),
- ) || [],
- },
- ]}
+ items={annualData.breakdownItems}
isMultipleCurrency={isMultipleCurrency}
/>
-
-
+
+
);
diff --git a/src/styles/global.css b/src/styles/global.css
index faccd7cb..d62c3816 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -89,7 +89,7 @@
box-shadow: 0px 1px 2px 0px hsla(0, 0%, 0%, 0.051);
}
- .RemoteFlows__Estimation__Separator {
+ .RemoteFlows__Separator {
@apply border-b border-[#E4E4E7] pb-6;
}