diff --git a/src/AvtaleSide/AvtaleStatus/ArbeidsgiverAvtaleStatus.tsx b/src/AvtaleSide/AvtaleStatus/ArbeidsgiverAvtaleStatus.tsx index 6cfa1bc2..a1e6f984 100644 --- a/src/AvtaleSide/AvtaleStatus/ArbeidsgiverAvtaleStatus.tsx +++ b/src/AvtaleSide/AvtaleStatus/ArbeidsgiverAvtaleStatus.tsx @@ -4,7 +4,7 @@ import KlarForOppstart from '@/AvtaleSide/AvtaleStatus/KlarForOppstart'; import StatusPanel from '@/AvtaleSide/AvtaleStatus/StatusPanel'; import VerticalSpacer from '@/komponenter/layout/VerticalSpacer'; import { Avtale } from '@/types/avtale'; -import { formaterDato, NORSK_DATO_OG_TID_FORMAT_FULL } from '@/utils/datoUtils'; +import { formaterDato } from '@/utils/datoUtils'; import { BodyShort } from '@navikt/ds-react'; import React, { FunctionComponent } from 'react'; import { useFeatureToggles } from '@/FeatureToggleProvider'; @@ -48,8 +48,7 @@ const ArbeidsgiverAvtaleStatus: FunctionComponent = ({ avtale }) => { header={'Avtalen er annullert'} body={ - Veileder har annullert avtalen{' '} - {formaterDato(avtale.annullertTidspunkt!, NORSK_DATO_OG_TID_FORMAT_FULL)}. + Veileder har annullert avtalen {formaterDato(avtale.annullertTidspunkt!)}. } /> diff --git a/src/AvtaleSide/AvtaleStatus/DeltakerAvtaleStatus.tsx b/src/AvtaleSide/AvtaleStatus/DeltakerAvtaleStatus.tsx index 4a8c5698..da2abb9a 100644 --- a/src/AvtaleSide/AvtaleStatus/DeltakerAvtaleStatus.tsx +++ b/src/AvtaleSide/AvtaleStatus/DeltakerAvtaleStatus.tsx @@ -4,7 +4,7 @@ import KlarForOppstart from '@/AvtaleSide/AvtaleStatus/KlarForOppstart'; import StatusPanel from '@/AvtaleSide/AvtaleStatus/StatusPanel'; import VerticalSpacer from '@/komponenter/layout/VerticalSpacer'; import { Avtale, Avtaleinnhold } from '@/types/avtale'; -import { formaterDato, NORSK_DATO_OG_TID_FORMAT_FULL } from '@/utils/datoUtils'; +import { formaterDato } from '@/utils/datoUtils'; import { BodyShort } from '@navikt/ds-react'; import { FunctionComponent } from 'react'; @@ -31,8 +31,7 @@ const DeltakerAvtaleStatus: FunctionComponent = ({ avtale }) => { header="Avtalen er annullert" body={ - Veileder har annullert avtalen{' '} - {formaterDato(avtale.annullertTidspunkt!, NORSK_DATO_OG_TID_FORMAT_FULL)}. Årsak:{' '} + Veileder har annullert avtalen {formaterDato(avtale.annullertTidspunkt!)}. Årsak:{' '} {avtale.annullertGrunn}. } @@ -44,8 +43,7 @@ const DeltakerAvtaleStatus: FunctionComponent = ({ avtale }) => { header="Avtalen er avbrutt" body={ - Veileder har avbrutt avtalen{' '} - {formaterDato(avtale.avbruttDato!, NORSK_DATO_OG_TID_FORMAT_FULL)}. Årsak:{' '} + Veileder har avbrutt avtalen {formaterDato(avtale.avbruttDato!)}. Årsak:{' '} {avtale.avbruttGrunn}. } diff --git a/src/utils/datoUtils.ts b/src/utils/datoUtils.ts index a63f99c5..c9e47f5c 100644 --- a/src/utils/datoUtils.ts +++ b/src/utils/datoUtils.ts @@ -22,15 +22,20 @@ export const formaterVarighet = (dato1: Date | string, dato2: Date | string): st /** * Eksempel: - * `format(new Date('2024-01-10', NORSK_DATO_OG_TID_FORMAT_NY, {locale: nb}))` => '10. januar 2025 kl. 01:00' + * `format(new Date('2025-01-10', NORSK_DATO_OG_TID_FORMAT_FULL, {locale: nb}))` => '10. januar 2025 kl. 01:00' */ export const NORSK_DATO_OG_TID_FORMAT_FULL = 'PPPp'; /** - * For bruk når man formaterer med date-fns (ikke moment) + * Eksempel: + * `format(new Date('2025-01-10', NORSK_DATO_FORMAT, {locale: nb}))` => '10.01.2025' */ export const NORSK_DATO_FORMAT = 'dd.MM.yyyy'; +/** + * Eksempel: + * `format(new Date('2025-01-10', NORSK_DATO_FORMAT_FULL, {locale: nb}))` => '10. januar 2025' + */ export const NORSK_DATO_FORMAT_FULL = 'PPP'; /**