diff --git a/packages/app/src/domain/vaccine/vaccine-campaigns-tile/components/narrow-vaccine-campaign-table.tsx b/packages/app/src/domain/vaccine/vaccine-campaigns-tile/components/narrow-vaccine-campaign-table.tsx index b343712860..4c2114c5ef 100644 --- a/packages/app/src/domain/vaccine/vaccine-campaigns-tile/components/narrow-vaccine-campaign-table.tsx +++ b/packages/app/src/domain/vaccine/vaccine-campaigns-tile/components/narrow-vaccine-campaign-table.tsx @@ -1,4 +1,5 @@ import css from '@styled-system/css'; +import { useRouter } from 'next/router'; import { useCollapsible } from '~/utils/use-collapsible'; import { useIntl } from '~/intl'; import { Cell, HeaderCell, Row, StyledTable } from '.'; @@ -62,6 +63,7 @@ const VaccineCampaignRow = ({ const { formatNumber } = useIntl(); const collapsible = useCollapsible({ isOpen: isFirst }); const isOpen = collapsible.isOpen; + const { locale = 'nl' } = useRouter(); return ( collapsible.toggle()}> @@ -70,7 +72,11 @@ const VaccineCampaignRow = ({ - {campaign.vaccine_campaign_name_nl} + + {locale === 'nl' + ? campaign.vaccine_campaign_name_nl + : campaign.vaccine_campaign_name_en} + diff --git a/packages/app/src/domain/vaccine/vaccine-campaigns-tile/components/wide-vaccine-campaign-table.tsx b/packages/app/src/domain/vaccine/vaccine-campaigns-tile/components/wide-vaccine-campaign-table.tsx index cb5766f361..9657af2678 100644 --- a/packages/app/src/domain/vaccine/vaccine-campaigns-tile/components/wide-vaccine-campaign-table.tsx +++ b/packages/app/src/domain/vaccine/vaccine-campaigns-tile/components/wide-vaccine-campaign-table.tsx @@ -1,4 +1,5 @@ import css from '@styled-system/css'; +import { useRouter } from 'next/router'; import { useCollapsible } from '~/utils/use-collapsible'; import { useIntl } from '~/intl'; import { Cell, HeaderCell, Row, StyledTable } from '.'; @@ -62,6 +63,7 @@ const VaccineCampaignRow = ({ const { formatNumber } = useIntl(); const collapsible = useCollapsible({ isOpen: isFirst }); const isOpen = collapsible.isOpen; + const { locale = 'nl' } = useRouter(); return ( collapsible.toggle()}> @@ -69,8 +71,12 @@ const VaccineCampaignRow = ({ - - {campaign.vaccine_campaign_name_nl} + + + {locale === 'nl' + ? campaign.vaccine_campaign_name_nl + : campaign.vaccine_campaign_name_en} +