Vise status i sak ved ingen behandlinger

navikt · Apr 3, 2024 · 60866f5 · 60866f5
1 parent 737fb0c
commit 60866f5
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 15 deletions.
diff --git a/apps/dine-pleiepenger/api-mock-server/api-mock-server.js b/apps/dine-pleiepenger/api-mock-server/api-mock-server.js
@@ -6,9 +6,9 @@ const søknader = require('./mockdata/soknader.json');
 // const saker = require('./mockdata/saker-søknad-og-endring-ubehandlet.json');
 // const saker = require('./mockdata/saker-med-to-vedtak.json');
 // const saker = require('./mockdata/saker-uten-søknad-men-behandling.json');
-// const saker = require('./mockdata/sak-uten-behandling.json');
+const saker = require('./mockdata/sak-uten-behandling.json');
 // const saker = require('./mockdata/saker.json');
-const saker = require('./mockdata/saker-sn.json');
+// const saker = require('./mockdata/saker-sn.json');
 
 server.use(express.json());
 

diff --git a/apps/dine-pleiepenger/src/components/status-i-sak/StatusISak.tsx b/apps/dine-pleiepenger/src/components/status-i-sak/StatusISak.tsx
@@ -24,15 +24,22 @@ const StatusISak: React.FunctionComponent<Props> = ({ sak, visAlleHendelser, tit
 
     if (processSteps.length === 0) {
         return (
-            <Alert variant="info">
-                <Msg
-                    id="statusISak.ingenHendelser"
-                    values={{
-                        p: (txt) => <BodyLong>{txt}</BodyLong>,
-                        lenke: <SkrivTilOssLenke tekst={text('statusISak.ingenHendelser.skrivTilOssLenkeTekst')} />,
-                    }}
-                />
-            </Alert>
+            <VStack gap="3">
+                {tittel ? (
+                    <Heading level="2" size="medium">
+                        {tittel}
+                    </Heading>
+                ) : null}
+                <Alert variant="info">
+                    <Msg
+                        id="statusISak.ingenHendelser"
+                        values={{
+                            p: (txt) => <BodyLong>{txt}</BodyLong>,
+                            lenke: <SkrivTilOssLenke tekst={text('statusISak.ingenHendelser.skrivTilOssLenkeTekst')} />,
+                        }}
+                    />
+                </Alert>
+            </VStack>
         );
     }
 

diff --git a/apps/dine-pleiepenger/src/i18n/nb.ts b/apps/dine-pleiepenger/src/i18n/nb.ts
@@ -117,7 +117,7 @@ export const nb = {
     'statusISak.forventetSvar.endring.info':
         'Endringsmeldingen vil oppdatere saken og du vil få ett nytt vedtaksbrev når endringene er ferdig behandlet.',
     'statusISak.ingenHendelser':
-        '<p>Hei, vi kan enn så lenge ikke vise noen detaljert informasjon om saken din enda</p><p>Hvis du lurer på noe angående saken din, kan du ta kontakt via {lenke}.</p>',
+        '<p>Hei, vi kan dessverre ikke vise informasjon om saken din enda.</p><p>Hvis du har spørsmål, kan du ta kontakt via {lenke}.</p>',
     'statusISak.ingenHendelser.skrivTilOssLenkeTekst': 'Skriv til oss',
 
     'venteårsakMelding.legeerklæring.tittel': 'Vi mangler legeerklæring',
@@ -130,7 +130,6 @@ export const nb = {
         'Vi har sendt brev til deg og arbeidsgiveren din, fordi vi mangler inntektsmelding. For å behandle søknaden og beregne hvor mye pleiepenger du kan få, må arbeidsgiver sende inntektsmelding.',
     'venteårsakMelding.inntektsmelding.dokumentarkivLenke': '<lenke>Se brev i dokumentarkivet</lenke>',
 
-    // 'venteårsakMelding.søktForTidlig.tittel': 'Vi kan tidligst behandle søknaden din {dato}',
     'venteårsakMelding.søktForTidlig.tittel': 'Vi kan ikke behandle søknaden din enda',
     'venteårsakMelding.søktForTidlig.info':
         'For å beregne hvor mye pleiepenger du kan få, trenger vi ferske opplysninger om inntekten din. Arbeidsgiver kan derfor sende inntektsopplysninger tidligst 4 uker før pleiepengeperioden din starter. Saken er satt på vent frem til søknaden kan behandles.',

diff --git a/apps/dine-pleiepenger/src/pages/sak/SakPage.tsx b/apps/dine-pleiepenger/src/pages/sak/SakPage.tsx
@@ -60,12 +60,12 @@ const SakPage: React.FunctionComponent<Props> = ({ sak, pleietrengende, saksbeha
                 <Box className="md:flex md:gap-6">
                     <div className="md:grow mb-10 md:mb-0">{<StatusISak sak={sak} tittel="Dette skjer i saken" />}</div>
                     <div className="md:mb-none shrink-0 md:w-72">
-                        {statusISak === undefined || statusISak.status === Behandlingsstatus.AVSLUTTET ? null : (
+                        {statusISak?.status === Behandlingsstatus.AVSLUTTET ? null : (
                             <VStack gap="5">
                                 <Saksbehandlingstid
                                     frist={sak.saksbehandlingsFrist}
                                     saksbehandlingstidUker={saksbehandlingstidUker}
-                                    venteårsak={statusISak.venteårsak}
+                                    venteårsak={statusISak?.venteårsak}
                                 />
                             </VStack>
                         )}