Kun bruke <Msg/>

Author: frodehansen2

apps/dine-pleiepenger/api-mock-server/mockdata/saker.json

@@ -1,14 +1,15 @@
 import { Box, Heading, Link } from '@navikt/ds-react';
 import React from 'react';
-import { FormattedMessage, useIntl } from 'react-intl';
+import { useIntl } from 'react-intl';
 import { File } from '@navikt/ds-icons';
 import intlHelper from '@navikt/sif-common-core-ds/src/utils/intlUtils';
+import { Msg } from '../../i18n';
+import { InnsendtSøknadArbeidsgiver } from '../../server/api-models/ArbeidsgivereSchema';
 import { InnsendtSøknadDokument } from '../../types/InnsendtSøknadDocument';
 import { Organisasjon } from '../../types/Organisasjon';
 import { InnsendtSøknad, InnsendtSøknadstype } from '../../types/Søknad';
 import { getDokumentFrontendUrl, getSøknadDokumentFilnavn } from '../../utils/dokumentUtils';
 import { browserEnv } from '../../utils/env';
-import { InnsendtSøknadArbeidsgiver } from '../../server/api-models/ArbeidsgivereSchema';
 
 interface Props {
     søknad: InnsendtSøknad;
@@ -46,7 +47,7 @@ const InnsendtSøknadContent: React.FunctionComponent<Props> = ({ søknad }) =>
                         organisasjon.organisasjonsnummer,
                     )}>
                     <File title="Dokumentikon" />
-                    <FormattedMessage
+                    <Msg
                         id="dokumenterSomKanLastesNed.bekreftelse"
                         values={{
                             organisasjonsnavn: organisasjon.navn,
@@ -76,7 +77,7 @@ const InnsendtSøknadContent: React.FunctionComponent<Props> = ({ søknad }) =>
         <>
             <Box>
                 <Heading size="xsmall" level="4" spacing={true}>
-                    <FormattedMessage id={`dokumenterTittel.${søknad.søknadstype}`} />
+                    <Msg id={`dokumenterTittel.${søknad.søknadstype}`} />
                 </Heading>
                 {søknad.dokumenter && søknad.dokumenter.length > 0 && (
                     <ul>{søknad.dokumenter.map((dokument) => mapDokumenter(dokument))}</ul>
@@ -89,10 +90,10 @@ const InnsendtSøknadContent: React.FunctionComponent<Props> = ({ søknad }) =>
             {søknad.søknadstype === InnsendtSøknadstype.PP_SYKT_BARN && harArbeidsgiver() && (
                 <Box className="mt-8">
                     <Heading size="xsmall" level="4" spacing={true}>
-                        <FormattedMessage id="bekreftelseTilArbeidsgiver.title" />
+                        <Msg id="bekreftelseTilArbeidsgiver.title" />
                     </Heading>
                     <p>
-                        <FormattedMessage id="bekreftelseTilArbeidsgiver.info" />
+                        <Msg id="bekreftelseTilArbeidsgiver.info" />
                     </p>
                     {'arbeidsgivere' in søknad.søknad &&
                         'organisasjoner' in søknad.søknad.arbeidsgivere &&

apps/dine-pleiepenger/src/components/innsendt-søknad-liste/InnsendtSøknadContent.tsx

@@ -5,6 +5,7 @@ import InnsendtSøknadContent from './InnsendtSøknadContent';
 import Skeleton from 'react-loading-skeleton';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { Add } from '@navikt/ds-icons';
+import { Msg } from '../../i18n';
 
 interface Props {
     søknader: InnsendtSøknad[];
@@ -26,7 +27,11 @@ const InnsendtSøknadListe: React.FunctionComponent<Props> = ({ søknader = [] }
     }, [antall, focusIndex]);
 
     if (søknader.length === 0) {
-        return <Alert variant="info">Ingen søknader funnet</Alert>;
+        return (
+            <Alert variant="info">
+                <Msg id="innsendtSøknadListe.ingenSøknader" />
+            </Alert>
+        );
     }
 
     const visFlereSøknader = () => {
@@ -61,7 +66,7 @@ const InnsendtSøknadListe: React.FunctionComponent<Props> = ({ søknader = [] }
                     <Button variant="tertiary-neutral" type="button" onClick={visFlereSøknader}>
                         <HStack gap="2" align="center" wrap={false}>
                             <Add role="presentation" />
-                            Vis flere innsendinger
+                            <Msg id="innsendtSøknadListe.visFlereInnsendinger" />
                         </HStack>
                     </Button>
                 </Box>

apps/dine-pleiepenger/src/components/innsendt-søknad-liste/InnsendtSøknadListe.tsx

@@ -1,7 +1,7 @@
 import { BodyShort, HStack } from '@navikt/ds-react';
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
 import { Task } from '@navikt/ds-icons';
+import { Msg } from '../../i18n';
 import { InnsendtSøknad } from '../../types/Søknad';
 import { formatInnsendtSøknadOpprettetDato } from '../../utils/innsendtSøknadUtils';
 
@@ -16,13 +16,16 @@ const InnsendtSøknadTitle: React.FunctionComponent<Props> = ({ søknad }) => {
                 <Task role="presentation" aria-hidden={true} width="1.25rem" height="1.25rem" />
                 <div>
                     <BodyShort as="div" size="large" className="font-bold mb-2">
-                        <FormattedMessage id={`sakstype.${søknad.søknadstype}`} />
+                        <Msg id={`sakstype.${søknad.søknadstype}`} />
                     </BodyShort>
                 </div>
             </HStack>
             {søknad.opprettet ? (
                 <BodyShort size="small" className="text-grayalpha-700">
-                    Mottatt {formatInnsendtSøknadOpprettetDato(søknad.opprettet)}
+                    <Msg
+                        id="innsendtSøknadTitle.mottatt"
+                        values={{ dato: formatInnsendtSøknadOpprettetDato(søknad.opprettet) }}
+                    />
                 </BodyShort>
             ) : null}
         </div>

apps/dine-pleiepenger/src/components/innsendt-søknad-liste/InnsendtSøknadTitle.tsx

@@ -1,11 +1,12 @@
+import { Box, Heading } from '@navikt/ds-react';
 import React from 'react';
-import { getArbeidsgiverOrgnrISøknad } from '../../../utils/sakUtils';
+import { useIntl } from 'react-intl';
+import intlHelper from '@navikt/sif-common-core-ds/src/utils/intlUtils';
+import { Msg } from '../../../i18n';
 import { Pleiepengesøknad } from '../../../server/api-models/SøknadSchema';
 import { getArbeidsgivermeldingApiUrlBySoknadIdOgOrgnummer } from '../../../utils/dokumentUtils';
-import { FormattedMessage, useIntl } from 'react-intl';
-import { Box, Heading } from '@navikt/ds-react';
+import { getArbeidsgiverOrgnrISøknad } from '../../../utils/sakUtils';
 import PdfLenke from '../../pdf-lenke/PdfLenke';
-import intlHelper from '@navikt/sif-common-core-ds/src/utils/intlUtils';
 
 interface Props {
     søknad: Pleiepengesøknad;
@@ -17,10 +18,10 @@ const ArbeidsgivereISøknad: React.FunctionComponent<Props> = ({ søknad }) => {
     return (
         <Box className="mt-4">
             <Heading size="xsmall" level="4" spacing={true}>
-                <FormattedMessage id="bekreftelseTilArbeidsgiver.title" />
+                <Msg id="bekreftelseTilArbeidsgiver.title" />
             </Heading>
             <p>
-                <FormattedMessage id="bekreftelseTilArbeidsgiver.info" />
+                <Msg id="bekreftelseTilArbeidsgiver.info" />
             </p>
 
             <ul className="mt-4">

apps/dine-pleiepenger/src/components/status-i-sak/parts/ArbeidsgivereISøknad.tsx

@@ -1,8 +1,8 @@
-import React from 'react';
-import { Søknad } from '../../../server/api-models/SøknadSchema';
 import { Box, Heading } from '@navikt/ds-react';
-import { FormattedMessage } from 'react-intl';
+import React from 'react';
+import { Msg } from '../../../i18n';
 import { Dokument } from '../../../server/api-models/DokumenetSchema';
+import { Søknad } from '../../../server/api-models/SøknadSchema';
 import { getDokumentFrontendUrl, getSøknadDokumentFilnavn } from '../../../utils/dokumentUtils';
 import PdfLenke from '../../pdf-lenke/PdfLenke';
 
@@ -26,7 +26,7 @@ const DokumenterISøknad: React.FunctionComponent<Props> = ({ søknad, tittel })
     if (søknad.dokumenter.length === 0) {
         return (
             <p>
-                <FormattedMessage id="dokumenter.ingenDokumenter" />
+                <Msg id="dokumenter.ingenDokumenter" />
             </p>
         );
     }
@@ -42,7 +42,7 @@ const DokumenterISøknad: React.FunctionComponent<Props> = ({ søknad, tittel })
             )}
             {(søknad.dokumenter === undefined || søknad.dokumenter.length === 0) && (
                 <p>
-                    <FormattedMessage id="dokumenter.ingenDokumenter" />
+                    <Msg id="dokumenter.ingenDokumenter" />
                 </p>
             )}
         </Box>

apps/dine-pleiepenger/src/components/status-i-sak/parts/DokumenterISøknad.tsx

@@ -68,6 +68,9 @@ export const nb = {
     'påbegyntEndring.info': 'Lagres til og med {datoNårSlettes}',
 
     'dineInnsendteSøknader.tittel': 'Dine søknader, endringer og ettersendelser',
+    'innsendtSøknadListe.ingenSøknader': 'Ingen søknader funnet',
+    'innsendtSøknadListe.visFlereInnsendinger': 'Vis flere innsendinger',
+    'innsendtSøknadTitle.mottatt': 'Mottatt: {dato}',
 
     'dokumenterTittel.PP_SYKT_BARN': 'Søknad og eventuelle vedlegg i søknad',
     'dokumenterTittel.SØKNAD': 'Søknad og eventuelle vedlegg i søknad',