diff --git a/src/components/Company/StateTaxes/StateTaxesForm/Form.tsx b/src/components/Company/StateTaxes/StateTaxesForm/Form.tsx index 1012eb80a..d70318928 100644 --- a/src/components/Company/StateTaxes/StateTaxesForm/Form.tsx +++ b/src/components/Company/StateTaxes/StateTaxesForm/Form.tsx @@ -1,42 +1,26 @@ -import { useTranslation } from 'react-i18next' -import { Fragment } from 'react/jsx-runtime' import { useStateTaxesForm } from './context' import { toRhfKey } from './rhfKey' import { QuestionInput } from '@/components/Common/TaxInputs/TaxInputs' -import { useLocaleDateFormatter } from '@/contexts/LocaleProvider/useLocale' -import { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext' +import { Flex } from '@/components/Common/Flex/Flex' /** @internal */ export function Form() { - const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' }) - const dateFormatter = useLocaleDateFormatter() const { stateTaxRequirements } = useStateTaxesForm() - const Components = useComponentContext() - return stateTaxRequirements.requirementSets?.map( - ({ requirements, label, effectiveFrom, key }) => ( - -
- {label} - {effectiveFrom && ( - - {t('effectiveFromLabel', { date: dateFormatter.format(new Date(effectiveFrom)) })} - - )} -
- {requirements?.map(requirement => { - return ( - - ) - })} -
- ), + return ( + + {stateTaxRequirements.requirementSets?.flatMap(({ requirements, key }) => + requirements?.map(requirement => ( + + )), + )} + ) }