Skip to content

Commit

Permalink
Fjern moment.js
Browse files Browse the repository at this point in the history
  • Loading branch information
@Oddsor
Oddsor committed Jan 17, 2025
1 parent b393acd commit 6af4ba0
Show file tree
Hide file tree
Showing 20 changed files with 139 additions and 248 deletions.
6 changes: 4 additions & 2 deletions src/AvtaleOversikt/AvtalekortMobil.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
import { Fragment, FunctionComponent, useState } from 'react';
import { useNavigate, generatePath } from 'react-router-dom';
import { LinkPanel, Heading, Ingress, BodyShort } from '@navikt/ds-react';
import moment from 'moment';

import './AvtalekortMobil.less';
import BEMHelper from '@/utils/bem';
Expand All @@ -13,6 +12,7 @@ import { InnloggetBruker } from '@/types/innlogget-bruker';
import { Path } from '@/Router';
import { Varsel } from '@/types/varsel';
import { avtaleStatusTekst } from '@/messages';
import { formaterDatoHvisDefinert, formaterDatoNy, NORSK_DATO_FORMAT_NY } from '@/utils/datoUtils';

const cls = BEMHelper('avtalekortMobil');

Expand Down Expand Up @@ -64,7 +64,9 @@ const AvtalekortMobil: FunctionComponent<{
<Ingress>{avtale.bedriftNavn}</Ingress>
<VerticalSpacer rem={0.5} />
<BodyShort size="small">
Opprettet {moment(avtale.opprettetTidspunkt).format('DD.MM.YYYY')}
Startdato {formaterDatoHvisDefinert(avtale.startDato, NORSK_DATO_FORMAT_NY)}
, sluttdato{' '}
{formaterDatoHvisDefinert(avtale.sluttDato, NORSK_DATO_FORMAT_NY)}
</BodyShort>
<div className={cls.element('status')}>
<StatusIkon status={avtale.status} />
Expand Down
3 changes: 1 addition & 2 deletions src/AvtaleSide/AvtaleStatus/MentorAvtaleStatus.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,10 @@ import Avsluttet from '@/AvtaleSide/AvtaleStatus/Avsluttet';
import Gjennomføres from '@/AvtaleSide/AvtaleStatus/Gjennomføres';
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 { formatterDato } from '@/utils/datoUtils';
import { BodyShort } from '@navikt/ds-react';
import React, { FunctionComponent } from 'react';
import { FunctionComponent } from 'react';

interface Props {
avtale: Pick<Avtale, 'status' | 'annullertTidspunkt' | 'avtaleInngått' | 'annullertGrunn' | 'avbruttGrunn'> & {
Expand Down
53 changes: 29 additions & 24 deletions src/AvtaleSide/AvtaleStatus/VeilederAvtaleStatus.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
import { BodyShort } from '@navikt/ds-react';
import moment from 'moment';
import React, { useContext } from 'react';

import { AvtaleContext } from '@/AvtaleProvider';
Expand All @@ -9,7 +8,7 @@ import StatusPanel from '@/AvtaleSide/AvtaleStatus/StatusPanel';
import TilskuddsperioderReturnert from '@/AvtaleSide/steg/GodkjenningSteg/TilskuddsperioderReturnert';
import LagreKnapp from '@/komponenter/LagreKnapp/LagreKnapp';
import VerticalSpacer from '@/komponenter/layout/VerticalSpacer';
import { formaterTid, formatterDato, NORSK_DATO_FORMAT } from '@/utils/datoUtils';
import { tidSidenTidspunkt, formaterDatoNy, NORSK_DATO_FORMAT_NY } from '@/utils/datoUtils';
import { Avtale } from '@/types/avtale';
import { useFeatureToggles } from '@/FeatureToggleProvider';

Expand Down Expand Up @@ -77,15 +76,6 @@ function VeilederAvtaleStatus(props: Props) {
const { overtaAvtale } = useContext(AvtaleContext);
const { arbeidstreningReadonly } = useFeatureToggles();

const tidSidenDeltakerFikkVarsling = () => {
if (avtale.godkjentAvArbeidsgiver !== undefined) {
if (moment(avtale.godkjentAvArbeidsgiver).diff(moment().toString(), 'days') > 0) {
return `${moment(avtale.godkjentAvArbeidsgiver).diff(moment().toString(), 'days')} dager siden.`;
}
return `${formaterTid(avtale.godkjentAvArbeidsgiver)}`;
}
};

if (avtale.tiltakstype === 'ARBEIDSTRENING' && arbeidstreningReadonly) {
return (
<StatusPanel
Expand Down Expand Up @@ -150,10 +140,13 @@ function VeilederAvtaleStatus(props: Props) {
<StatusPanel
header="Avtalen er annullert"
body={
<BodyShort size="small">
Du eller en annen veileder har annullert avtalen {formatterDato(avtale.annullertTidspunkt!)}
. Årsak: {avtale.annullertGrunn}.
</BodyShort>
<>
<BodyShort size="small">
Du eller en annen veileder har annullert avtalen{' '}
{formaterDatoNy(avtale.annullertTidspunkt!)}.
</BodyShort>
<BodyShort size="small">Årsak: {avtale.annullertGrunn}.</BodyShort>
</>
}
/>
);
Expand Down Expand Up @@ -289,9 +282,14 @@ function VeilederAvtaleStatus(props: Props) {
header="Venter på godkjenning av avtalen fra deltaker og signering av mentor"
body={
<BodyShort size="small">
Avtalen må godkjennes av deltaker Deltaker fikk en varsling på min side Personbruker
om å godkjenne avtalen for {tidSidenDeltakerFikkVarsling()} Mentor må signere
taushetserklæringen før du kan godkjenne avtalen.
Avtalen må godkjennes av deltaker.{' '}
{avtale.godkjentAvArbeidsgiver && (
<>
Deltaker fikk en varsling på min side Personbruker om å godkjenne avtalen
for {tidSidenTidspunkt(avtale.godkjentAvArbeidsgiver)} siden.
</>
)}{' '}
Mentor må signere taushetserklæringen før du kan godkjenne avtalen.
</BodyShort>
}
/>
Expand All @@ -317,8 +315,13 @@ function VeilederAvtaleStatus(props: Props) {
header="Venter på godkjenning av avtalen fra deltaker"
body={
<BodyShort size="small">
Avtalen må godkjennes av deltaker. Deltaker fikk en varsling på min side på NAV.no
om å godkjenne avtalen for {tidSidenDeltakerFikkVarsling()}
Avtalen må godkjennes av deltaker.
{avtale.godkjentAvArbeidsgiver && (
<>
Deltaker fikk en varsling på min side på NAV.no om å godkjenne avtalen for{' '}
{tidSidenTidspunkt(avtale.godkjentAvArbeidsgiver)} siden
</>
)}
</BodyShort>
}
/>
Expand Down Expand Up @@ -374,8 +377,9 @@ function VeilederAvtaleStatus(props: Props) {
body={
<>
<BodyShort size="small">
Avtale ble inngått {formatterDato(avtale.avtaleInngått!, NORSK_DATO_FORMAT)}. Tiltaket
starter {formatterDato(avtale.gjeldendeInnhold.startDato!, NORSK_DATO_FORMAT)}.
Avtale ble inngått {formaterDatoNy(avtale.avtaleInngått!, NORSK_DATO_FORMAT_NY)}.
Tiltaket starter{' '}
{formaterDatoNy(avtale.gjeldendeInnhold.startDato!, NORSK_DATO_FORMAT_NY)}.
</BodyShort>
<VerticalSpacer rem={1} />
<BodyShort size="small">
Expand All @@ -393,8 +397,9 @@ function VeilederAvtaleStatus(props: Props) {
body={
<>
<BodyShort size="small">
Avtale ble inngått {formatterDato(avtale.avtaleInngått!, NORSK_DATO_FORMAT)}. Tiltaket
starter {formatterDato(avtale.gjeldendeInnhold.startDato!, NORSK_DATO_FORMAT)}.
Avtale ble inngått {formaterDatoNy(avtale.avtaleInngått!, NORSK_DATO_FORMAT_NY)}.
Tiltaket starter{' '}
{formaterDatoNy(avtale.gjeldendeInnhold.startDato!, NORSK_DATO_FORMAT_NY)}.
</BodyShort>
<VerticalSpacer rem={1} />
<BodyShort size="small">
Expand Down
2 changes: 1 addition & 1 deletion src/AvtaleSide/VarselModal/VarselModal.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
// Desktop only
&__modal {
max-width: 60rem;
width: 50rem;
width: 60rem;
}
}
@media (max-width: @screen-sm-min) {
Expand Down
6 changes: 3 additions & 3 deletions src/AvtaleSide/Varsellogg/VarselTabell.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import HendelseIkon from '@/komponenter/HendelseIkon';
import { Varsel } from '@/types/varsel';
import { formaterTid, formatterDato } from '@/utils/datoUtils';
import { tidSidenTidspunkt, formaterDatoNy } from '@/utils/datoUtils';
import { storForbokstav } from '@/utils/stringUtils';
import { Table } from '@navikt/ds-react';
import { Checkbox, CheckboxGroup } from '@navikt/ds-react';
Expand Down Expand Up @@ -74,8 +74,8 @@ const VarselTabell: FunctionComponent<Props> = (props) => {
.map((varsel) => (
<Table.Row key={varsel.id} role="row">
<Table.DataCell role="cell" aria-labelledby="tidspunkt">
<UtgråetTekst title={formatterDato(varsel.tidspunkt)} grå={varsel.skjules}>
{formaterTid(varsel.tidspunkt)}
<UtgråetTekst title={formaterDatoNy(varsel.tidspunkt)} grå={varsel.skjules}>
{tidSidenTidspunkt(varsel.tidspunkt)} siden
</UtgråetTekst>
</Table.DataCell>
<Table.DataCell role="cell">
Expand Down
2 changes: 1 addition & 1 deletion src/AvtaleSide/Varsellogg/Varsellogg.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@
// Desktop only
&__modal {
max-width: 60rem;
width: 50rem;
width: 60rem;
padding: 2rem;
}
}
Expand Down
4 changes: 2 additions & 2 deletions src/AvtaleSide/Varsellogg/Varsellogg.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,10 +6,10 @@ import { Nettressurs, Status } from '@/types/nettressurs';
import { Varsel } from '@/types/varsel';
import BEMHelper from '@/utils/bem';
import { Alert, BodyShort, Heading, Link, Loader, Modal } from '@navikt/ds-react';
import moment from 'moment';
import React, { FunctionComponent, useContext, useEffect, useState } from 'react';
import './Varsellogg.less';
import VarselTabell from './VarselTabell';
import { isBefore } from 'date-fns';

const cls = BEMHelper('varsellogg');

Expand Down Expand Up @@ -56,7 +56,7 @@ const Varsellogg: FunctionComponent = () => {
</Heading>
</Modal.Header>
<Modal.Body>
{moment(avtaleContext.avtale.opprettetTidspunkt).isBefore('2020-09-10') && (
{isBefore(avtaleContext.avtale.opprettetTidspunkt, '2020-09-10') && (
<>
<Alert variant="info">
Denne avtalen ble opprettet før hendelsesloggen ble innført og vil være mangelfull.
Expand Down
8 changes: 2 additions & 6 deletions src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/varighet/VarighetOppsummering.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,21 +1,17 @@
import { AvtaleContext } from '@/AvtaleProvider';
import VerticalSpacer from '@/komponenter/layout/VerticalSpacer';
import { Varighet } from '@/types/avtale';
import moment from 'moment';
import { Column, Container, Row } from '@/komponenter/NavGrid/Grid';
import { Label } from '@navikt/ds-react';
import React, { FunctionComponent, useContext } from 'react';
import SjekkOmVerdiEksisterer from '../SjekkOmVerdiEksisterer/SjekkOmVerdiEksisterer';
import Stegoppsummering from '../Stegoppsummering/Stegoppsummering';
import VarighetIkon from './VarighetIkon';
import { formaterNorskeTall } from '@/utils';

const formaterDato = (dato: string): string => {
return moment(dato).format('DD.MM.YYYY');
};
import { formaterDatoNy } from '@/utils/datoUtils';

const harDato = (dato?: string): string => {
return dato ? formaterDato(dato).toString() : '';
return dato ? formaterDatoNy(dato, 'dd.MM.yyyy').toString() : '';
};

const VarighetOppsummering: FunctionComponent<Varighet> = ({
Expand Down
4 changes: 2 additions & 2 deletions src/AvtaleSide/steg/GodkjenningSteg/Versjonering/TidligereVersjoner.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,9 @@ import VersjonModal from '@/komponenter/modal/VersjonModal';
import { innholdTypeTekst } from '@/messages';
import { AvtaleVersjon, TiltaksType } from '@/types/avtale';
import BEMHelper from '@/utils/bem';
import moment from 'moment';
import { BodyShort, Label, LinkPanel, Heading } from '@navikt/ds-react';
import './TidligereVersjoner.less';
import { formaterDatoNy, NORSK_DATO_FORMAT_NY } from '@/utils/datoUtils';

const cls = BEMHelper('tidligereVersjoner');

Expand Down Expand Up @@ -37,7 +37,7 @@ const TidligereVersjoner: React.FunctionComponent<{ versjoner: AvtaleVersjon[];
</Label>
<BodyShort size="small">
{avtaleVersjon.ikrafttredelsestidspunkt &&
moment(avtaleVersjon.ikrafttredelsestidspunkt).format('DD.MM.YYYY')}
formaterDatoNy(avtaleVersjon.ikrafttredelsestidspunkt, NORSK_DATO_FORMAT_NY)}
</BodyShort>
</div>
</LinkPanel.Title>
Expand Down
120 changes: 0 additions & 120 deletions ...enningSteg/endringAvAvtaleInnhold/JusterArenaMigreringsdato/JusterArenaMigreringsdato.tsx
View file

This file was deleted.

Loading

0 comments on commit 6af4ba0

Please sign in to comment.