fiks lenker i app stories for fp-frontend (#6882)

* fiks lenker i app stories for fp-frontend

* fix type for testdata med oppgave fra los

* fjern ubrukt prop i testdata

* ta i bruk LosUrl fra fp-los-saksbehandling

* eslint

Author: sirimykland

apps/fp-frontend/.storybook/testdata/index.ts

@@ -17,6 +17,7 @@ export { inntektArbeidYtelse } from './inntektArbeidYtelse';
 export { kontrollerFaktaPeriode } from './kontrollerFaktaPeriode';
 export { medlemskap } from './medlemskap';
 export { omsorgOgRett } from './omsorgOgRett';
+export { oppgaverForFagsaker } from './oppgaverForFagsaker';
 export { opptjening } from './opptjening';
 export { personoversikt } from './personoversikt';
 export { soknad } from './soknad';

apps/fp-frontend/.storybook/testdata/oppgaverForFagsaker.ts

@@ -0,0 +1,26 @@
+import type { Oppgave } from '@navikt/fp-los-felles';
+
+export const oppgaverForFagsaker: Oppgave[] = [
+  {
+    id: 46567,
+    saksnummer: '1',
+    navn: 'Kristine Kalv',
+    system: 'FPSAK',
+    personnummer: '21487132273',
+    behandlingstype: 'BT-002',
+    fagsakYtelseType: 'FP',
+    erTilSaksbehandling: true,
+    opprettetTidspunkt: '2025-09-15T11:36:28.579',
+    behandlingsfrist: '2025-10-27T00:00:00',
+    behandlingId: 'a47091ce-638c-403a-8ef9-b4419b4d4313',
+    andreKriterier: ['UTBETALING_TIL_BRUKER'],
+    reservasjonStatus: {
+      erReservert: true,
+      reservertTilTidspunkt: '2025-11-12T21:49:56.181',
+      erReservertAvInnloggetBruker: true,
+      reservertAvUid: 'S123456',
+      reservertAvNavn: 'Sara Saksbehandler',
+      flyttetReservasjon: null,
+    },
+  },
+];

apps/fp-frontend/src/app/AppIndex.stories.tsx

@@ -1,11 +1,11 @@
 import { MemoryRouter } from 'react-router-dom';
 
 import type { Meta, StoryObj } from '@storybook/react';
-import { cleanUrl, type JsonBodyType } from 'msw';
-import { http, HttpResponse } from 'msw';
+import { cleanUrl, http, HttpResponse, type JsonBodyType } from 'msw';
 
 import { RestApiErrorProvider } from '@navikt/fp-app-felles';
 import { ApiPollingStatus } from '@navikt/fp-konstanter';
+import { LosUrl } from '@navikt/fp-los-saksbehandler';
 import { alleKodeverk, alleKodeverkTilbakekreving } from '@navikt/fp-storybook-utils';
 
 import {
@@ -28,6 +28,7 @@ import {
   kontrollerFaktaPeriode,
   medlemskap,
   omsorgOgRett,
+  oppgaverForFagsaker,
   opptjening,
   personoversikt,
   soknad,
@@ -101,14 +102,15 @@ const HANDLERS = [
       pollIntervalMillis: 100000000,
     }),
   ),
+  http.get(LosUrl.OPPGAVER_FOR_FAGSAKER, () => HttpResponse.json(oppgaverForFagsaker)),
   http.get('https://www.test.com/api/result', () => HttpResponse.json(behandling)),
   ...[
     ...initFetchFpsak.links,
     ...initFetchFpsak.sakLinks,
     ...initFetchFptilbake.links,
     ...initFetchFptilbake.sakLinks,
     ...behandling.links,
-  ].map(link => http.all(cleanUrl(wrapUrl(link.href)), getMockResponse(link.rel))),
+  ].map(link => http.all(encodeURI(cleanUrl(wrapUrl(link.href))), getMockResponse(link.rel))),
 ];
 
 const meta = {

apps/fp-frontend/src/fagsak/FagsakIndex.stories.tsx

@@ -6,6 +6,7 @@ import { useQuery } from '@tanstack/react-query';
 import { cleanUrl, http, HttpResponse } from 'msw';
 import type { DecoratorFunction } from 'storybook/internal/types';
 
+import { LosUrl } from '@navikt/fp-los-saksbehandler';
 import {
   alleKodeverk,
   alleKodeverkTilbakekreving,
@@ -16,7 +17,7 @@ import type { BehandlingTillatteOperasjoner, Fagsak, FagsakBehandlingDto } from
 import { VergeBehandlingmenyValg } from '@navikt/fp-types';
 import { notEmpty } from '@navikt/fp-utils';
 
-import { behandling, initFetchFpsak, initFetchFptilbake } from '../../.storybook/testdata';
+import { behandling, initFetchFpsak, initFetchFptilbake, oppgaverForFagsaker } from '../../.storybook/testdata';
 import { BehandlingUrl } from '../data/behandlingApi';
 import { FagsakRel, FagsakUrl, initFetchOptions, useFagsakApi, wrapUrl } from '../data/fagsakApi';
 import { RequestPendingProvider } from '../data/polling/RequestPendingContext';
@@ -139,6 +140,7 @@ const meta = {
         http.get(getHref(FagsakRel.FETCH_FAGSAK), () => HttpResponse.json(FAGSAK)),
         http.get(getHref(FagsakRel.FETCH_FAGSAKDATA_FPTILBAKE), () => HttpResponse.json(fagsakFpTilbake)),
         http.post(BehandlingUrl.BEHANDLING, () => HttpResponse.json(behandling)),
+        http.get(LosUrl.OPPGAVER_FOR_FAGSAKER, () => HttpResponse.json(oppgaverForFagsaker)),
       ],
     },
   },

apps/fp-frontend/src/fagsakprofile/FagsakProfileIndex.stories.tsx

@@ -5,6 +5,7 @@ import { cleanUrl, http, HttpResponse } from 'msw';
 import { action } from 'storybook/actions';
 
 import { AksjonspunktKode } from '@navikt/fp-kodeverk';
+import { LosUrl } from '@navikt/fp-los-saksbehandler';
 import {
   alleKodeverk,
   alleKodeverkTilbakekreving,
@@ -22,7 +23,7 @@ import type {
 import { VergeBehandlingmenyValg } from '@navikt/fp-types';
 import { notEmpty } from '@navikt/fp-utils';
 
-import { initFetchFpsak, initFetchFptilbake } from '../../.storybook/testdata';
+import { initFetchFpsak, initFetchFptilbake, oppgaverForFagsaker } from '../../.storybook/testdata';
 import { FagsakRel, FagsakUrl, initFetchOptions, useFagsakApi, wrapUrl } from '../data/fagsakApi';
 import { FagsakData } from '../fagsak/FagsakData';
 import { FagsakProfileIndex } from './FagsakProfileIndex';
@@ -166,6 +167,7 @@ const meta = {
         http.get(getHref(FagsakRel.KODEVERK_FPTILBAKE), () => HttpResponse.json(alleKodeverkTilbakekreving)),
         http.get(getHref(FagsakRel.KAN_TILBAKEKREVING_OPPRETTES), () => HttpResponse.json(false)),
         http.get(getHref(FagsakRel.KAN_TILBAKEKREVING_REVURDERING_OPPRETTES), () => HttpResponse.json(false)),
+        http.get(LosUrl.OPPGAVER_FOR_FAGSAKER, () => HttpResponse.json(oppgaverForFagsaker)),
       ],
     },
   },

packages/los/felles/index.ts

@@ -2,5 +2,5 @@ export { ReactECharts } from './src/ReactECharts';
 export { OppgaveReservasjonEndringDatoModal } from './src/endreReservasjon/OppgaveReservasjonEndringDatoModal';
 export { FlyttReservasjonModal } from './src/flyttReservasjon/FlyttReservasjonModal';
 
-export type { Oppgave, ReservasjonStatus } from './src/typer/oppgaveTsType';
+export type { Oppgave, OppgaveMedStatus, ReservasjonStatus } from './src/typer/oppgaveTsType';
 export type { SaksbehandlerProfil } from './src/typer/saksbehandlerProfilTsType';

packages/los/felles/src/typer/oppgaveTsType.ts

@@ -1,6 +1,6 @@
 import type { AndreKriterierType, BehandlingType, FagsakYtelseType, OppgaveBehandlingStatus } from '@navikt/fp-types';
 
-export type ReservasjonStatus = Readonly<{
+export type ReservasjonStatus = {
   erReservert: boolean;
   reservertTilTidspunkt?: string;
   erReservertAvInnloggetBruker?: boolean;
@@ -11,10 +11,10 @@ export type ReservasjonStatus = Readonly<{
     uid: string;
     navn: string;
     begrunnelse: string;
-  };
-}>;
+  } | null;
+};
 
-export type Oppgave = Readonly<{
+export type Oppgave = {
   id: number;
   reservasjonStatus: ReservasjonStatus;
   saksnummer: string;
@@ -28,5 +28,8 @@ export type Oppgave = Readonly<{
   erTilSaksbehandling: boolean;
   behandlingId: string;
   andreKriterier: AndreKriterierType[];
+};
+
+export type OppgaveMedStatus = Oppgave & {
   oppgaveBehandlingStatus: OppgaveBehandlingStatus;
-}>;
+};

packages/los/saksbehandler/index.ts

@@ -1,2 +1,3 @@
 export { SaksbehandlerIndex } from './src/SaksbehandlerIndex';
 export { ReservasjonsstatusPanel } from './src/reservasjonsstatusPanel/ReservasjonsstatusPanel';
+export { LosUrl } from './src/data/fplosSaksbehandlerApi';

packages/los/saksbehandler/src/SaksbehandlerIndex.stories.tsx

@@ -3,7 +3,7 @@ import { http, HttpResponse } from 'msw';
 import { action } from 'storybook/actions';
 
 import { ApiPollingStatus } from '@navikt/fp-konstanter';
-import { type Oppgave } from '@navikt/fp-los-felles';
+import { type Oppgave, type OppgaveMedStatus } from '@navikt/fp-los-felles';
 import { alleKodeverkLos, withQueryClient } from '@navikt/fp-storybook-utils';
 import type { NavAnsatt } from '@navikt/fp-types';
 
@@ -54,7 +54,6 @@ const OPPGAVER_TIL_BEHANDLING = [
     erTilSaksbehandling: true,
     behandlingId: '12',
     andreKriterier: ['REVURDERING_INNTEKTSMELDING'],
-    oppgaveBehandlingStatus: 'UNDER_ARBEID',
   },
   {
     id: 4,
@@ -72,7 +71,6 @@ const OPPGAVER_TIL_BEHANDLING = [
     erTilSaksbehandling: true,
     behandlingId: '12',
     andreKriterier: [],
-    oppgaveBehandlingStatus: 'UNDER_ARBEID',
   },
   {
     id: 3,
@@ -90,7 +88,6 @@ const OPPGAVER_TIL_BEHANDLING = [
     erTilSaksbehandling: true,
     behandlingId: '34',
     andreKriterier: [],
-    oppgaveBehandlingStatus: 'UNDER_ARBEID',
   },
 ] satisfies Oppgave[];
 
@@ -118,7 +115,6 @@ const RESERVERTE_OPPGAVER = [
     erTilSaksbehandling: true,
     behandlingId: '2',
     andreKriterier: ['REVURDERING_INNTEKTSMELDING'],
-    oppgaveBehandlingStatus: 'UNDER_ARBEID',
   },
 ] satisfies Oppgave[];
 
@@ -149,7 +145,7 @@ const BEHANDLEDE_OPPGAVER = [
       erReservert: false,
     },
     oppgaveBehandlingStatus: 'UNDER_ARBEID',
-  } as Oppgave,
+  } as OppgaveMedStatus,
   {
     id: 2,
     personnummer: '334342323',
@@ -159,7 +155,7 @@ const BEHANDLEDE_OPPGAVER = [
       erReservert: false,
     },
     oppgaveBehandlingStatus: 'UNDER_ARBEID',
-  } as Oppgave,
+  } as OppgaveMedStatus,
 ];
 
 const meta = {
@@ -194,7 +190,7 @@ const meta = {
         ),
         http.get('https://www.test.com/api/result', () => HttpResponse.json(OPPGAVER_TIL_BEHANDLING)),
         http.get(LosUrl.HENT_RESERVASJONSSTATUS, () => new HttpResponse(null, { status: 200 })),
-        http.get(LosUrl.BEHANDLEDE_OPPGAVER, () => HttpResponse.json(BEHANDLEDE_OPPGAVER)),
+        http.get(LosUrl.TIDLIGERE_RESERVERTE, () => HttpResponse.json(BEHANDLEDE_OPPGAVER)),
         http.get(LosUrl.FORLENG_OPPGAVERESERVASJON, () => new HttpResponse(null, { status: 200 })),
       ],
     },

packages/los/saksbehandler/src/behandlingskoer/oppgaveTabeller/OppgaveLabels.tsx

@@ -74,6 +74,7 @@ const MAP_ANDRE_KRITERIER_TIL_LABEL_FARGE_SORTERT = {
   ['SAMMENSATT_KONTROLL']: 'alt2',
   ['NÆRING']: 'alt2',
   ['UTBETALING_TIL_BRUKER']: 'alt2',
+  ['HASTER']: 'alt2',
 } satisfies Record<AndreKriterierType, React.ComponentProps<typeof Tag>['variant']>;
 
 const kriterier = Object.keys(MAP_ANDRE_KRITERIER_TIL_LABEL_FARGE_SORTERT);