From a2cb279f178ef2b4c051112a7d553f6074cd37f4 Mon Sep 17 00:00:00 2001 From: Viktor Solberg Date: Thu, 25 Jul 2024 14:06:29 +0200 Subject: [PATCH] BehandlingRoutes skal sende med behandling som props til alle faner istedet for behandling-id. Dette er fordi alle faner har behov for hele behandling uansett. --- .../Aktivitet/Aktivitetsvilk\303\245r.tsx" | 32 ------------------- .../Aktivitetsvilk\303\245rBarnetilsyn.tsx" | 10 ++---- .../Aktivitetsvilk\303\245rSide.tsx" | 29 +++++++++++++++++ .../Aktivitetsvilk\303\245rSkolepenger.tsx" | 10 ++---- ...Grunnbel\303\270pInfoOgSistePeriodeOS.tsx" | 14 ++++---- .../Behandling/Aktivitet/Inntekt/Inntekt.tsx | 10 +++--- ...SistePeriodeMedOvergangsst\303\270nad.tsx" | 16 ++++------ .../RettTilOvergangsst\303\270nad.tsx" | 10 +++--- .../Behandling/BehandlingContainer.tsx | 2 +- .../Behandling/BehandlingRoutes.tsx | 17 ++++------ .../Komponenter/Behandling/Brev/Brev.tsx | 25 ++++++--------- .../Komponenter/Behandling/Brev/Brevmeny.tsx | 23 ++++++------- .../Behandlings\303\245rsakUtenBrev.tsx" | 13 +++++--- .../Komponenter/Behandling/Fanemeny/sider.ts | 6 ++-- .../H\303\270yremeny/BehandlingHistorikk.tsx" | 4 +-- .../H\303\270yremeny/HistorikkElement.tsx" | 16 +++++++--- .../H\303\270yremeny/H\303\270yremeny.tsx" | 15 ++++----- .../Behandling/H\303\270yremeny/typer.ts" | 9 ------ .../Aleneomsorg/Aleneomsorg.tsx" | 15 ++++----- .../Inngangsvilk\303\245r.tsx" | 26 +++++++-------- .../Inngangsvilk\303\245rHeader.tsx" | 6 ++-- .../Inngangsvilk\303\245r/Samliv/Samliv.tsx" | 10 +++--- .../Samliv/SamlivInfo.tsx" | 16 ++++------ .../vilk\303\245rprops.ts" | 22 ++----------- .../Sanksjon/Sanksjonsfastsettelse.tsx | 12 ++++--- .../Behandling/Simulering/Simulering.tsx | 13 +++++--- .../TidligereVedtaksperioder.tsx | 12 ++++--- .../VedtakOgBeregningSide.tsx | 32 +++++++++++-------- .../\303\205rsakRevurderingSide.tsx" | 21 ++++++------ 29 files changed, 200 insertions(+), 246 deletions(-) delete mode 100644 "src/frontend/Komponenter/Behandling/Aktivitet/Aktivitetsvilk\303\245r.tsx" create mode 100644 "src/frontend/Komponenter/Behandling/Aktivitet/Aktivitetsvilk\303\245rSide.tsx" diff --git "a/src/frontend/Komponenter/Behandling/Aktivitet/Aktivitetsvilk\303\245r.tsx" "b/src/frontend/Komponenter/Behandling/Aktivitet/Aktivitetsvilk\303\245r.tsx" deleted file mode 100644 index c04ed92e2..000000000 --- "a/src/frontend/Komponenter/Behandling/Aktivitet/Aktivitetsvilk\303\245r.tsx" +++ /dev/null @@ -1,32 +0,0 @@ -import React, { FC } from 'react'; -import DataViewer from '../../../Felles/DataViewer/DataViewer'; -import { useBehandling } from '../../../App/context/BehandlingContext'; -import { Stønadstype } from '../../../App/typer/behandlingstema'; -import AktivitetsVilkårOvergangsstønad from './AktivitetsvilkårOvergangsstønad'; -import AktivitetsVilkårBarnetilsyn from './AktivitetsvilkårBarnetilsyn'; -import AktivitetsVilkårSkolepenger from './AktivitetsvilkårSkolepenger'; -import { AktivitetsvilkårHeader } from './AktivitetsvilkårHeader'; - -const AktivitetsVilkår: FC = () => { - const { behandling } = useBehandling(); - - return ( - <> - - - {({ behandling }) => { - switch (behandling.stønadstype) { - case Stønadstype.OVERGANGSSTØNAD: - return ; - case Stønadstype.BARNETILSYN: - return ; - case Stønadstype.SKOLEPENGER: - return ; - } - }} - - - ); -}; - -export default AktivitetsVilkår; diff --git "a/src/frontend/Komponenter/Behandling/Aktivitet/Aktivitetsvilk\303\245rBarnetilsyn.tsx" "b/src/frontend/Komponenter/Behandling/Aktivitet/Aktivitetsvilk\303\245rBarnetilsyn.tsx" index b2d3b8da0..9ffbce8a5 100644 --- "a/src/frontend/Komponenter/Behandling/Aktivitet/Aktivitetsvilk\303\245rBarnetilsyn.tsx" +++ "b/src/frontend/Komponenter/Behandling/Aktivitet/Aktivitetsvilk\303\245rBarnetilsyn.tsx" @@ -22,13 +22,10 @@ const AktivitetsVilkårBarnetilsyn: FC<{ ikkeVurderVilkår, } = vilkårState; const skalViseSøknadsdata = behandling.behandlingsårsak === Behandlingsårsak.SØKNAD; - const behandlingId = behandling.id; - const { opprettet: behandlingOpprettet, stønadstype } = behandling; useEffect(() => { - hentVilkår(behandlingId); - // eslint-disable-next-line - }, [behandlingId]); + hentVilkår(behandling.id); + }, [hentVilkår, behandling.id]); return ( @@ -54,8 +51,7 @@ const AktivitetsVilkårBarnetilsyn: FC<{ lagreVurdering={lagreVurdering} vurderinger={vilkår.vurderinger} skalViseSøknadsdata={skalViseSøknadsdata} - behandlingOpprettet={behandlingOpprettet} - stønadstype={stønadstype} + behandling={behandling} /> = ({ behandling }) => ( + <> + + + +); + +const AktivitetsVilkår: FC = ({ behandling }) => { + switch (behandling.stønadstype) { + case Stønadstype.OVERGANGSSTØNAD: + return ; + case Stønadstype.BARNETILSYN: + return ; + case Stønadstype.SKOLEPENGER: + return ; + } +}; diff --git "a/src/frontend/Komponenter/Behandling/Aktivitet/Aktivitetsvilk\303\245rSkolepenger.tsx" "b/src/frontend/Komponenter/Behandling/Aktivitet/Aktivitetsvilk\303\245rSkolepenger.tsx" index f9497c46e..b8f3b1190 100644 --- "a/src/frontend/Komponenter/Behandling/Aktivitet/Aktivitetsvilk\303\245rSkolepenger.tsx" +++ "b/src/frontend/Komponenter/Behandling/Aktivitet/Aktivitetsvilk\303\245rSkolepenger.tsx" @@ -21,13 +21,10 @@ const AktivitetsVilkårSkolepenger: FC<{ ikkeVurderVilkår, } = vilkårState; const skalViseSøknadsdata = behandling.behandlingsårsak === Behandlingsårsak.SØKNAD; - const behandlingId = behandling.id; - const { opprettet: behandlingOpprettet, stønadstype } = behandling; useEffect(() => { - hentVilkår(behandlingId); - // eslint-disable-next-line - }, [behandlingId]); + hentVilkår(behandling.id); + }, [hentVilkår, behandling.id]); return ( @@ -44,8 +41,7 @@ const AktivitetsVilkårSkolepenger: FC<{ lagreVurdering={lagreVurdering} vurderinger={vilkår.vurderinger} skalViseSøknadsdata={false} - behandlingOpprettet={behandlingOpprettet} - stønadstype={stønadstype} + behandling={behandling} /> *:not(:last-child) { @@ -18,11 +18,12 @@ const Container = styled.div` } `; -export const GrunnbeløpInfoOgSistePeriodeOS: FC<{ +interface Props { grunnlag: IVilkårGrunnlag; - behandlingOpprettet: string; - stønadstype: Stønadstype; -}> = ({ grunnlag, behandlingOpprettet, stønadstype }) => { + behandling: Behandling; +} + +export const GrunnbeløpInfoOgSistePeriodeOS: FC = ({ grunnlag, behandling }) => { const sistePeriodeMedOS: IGrunnlagsdataSistePeriodeOvergangsstønad | undefined = grunnlag.tidligereVedtaksperioder.sak?.sistePeriodeMedOvergangsstønad; @@ -62,8 +63,7 @@ export const GrunnbeløpInfoOgSistePeriodeOS: FC<{ ); diff --git a/src/frontend/Komponenter/Behandling/Aktivitet/Inntekt/Inntekt.tsx b/src/frontend/Komponenter/Behandling/Aktivitet/Inntekt/Inntekt.tsx index 8b1ba7f22..17b473929 100644 --- a/src/frontend/Komponenter/Behandling/Aktivitet/Inntekt/Inntekt.tsx +++ b/src/frontend/Komponenter/Behandling/Aktivitet/Inntekt/Inntekt.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { VilkårPropsMedBehandlingOpprettetOgStønadstype } from '../../Inngangsvilkår/vilkårprops'; +import { VilkårPropsMedBehandling } from '../../Inngangsvilkår/vilkårprops'; import { AktivitetsvilkårType } from '../../Inngangsvilkår/vilkår'; import VisEllerEndreVurdering from '../../Vurdering/VisEllerEndreVurdering'; import { AlertError } from '../../../../Felles/Visningskomponenter/Alerts'; @@ -7,15 +7,14 @@ import { Vilkårpanel } from '../../Vilkårpanel/Vilkårpanel'; import { VilkårpanelInnhold } from '../../Vilkårpanel/VilkårpanelInnhold'; import { GrunnbeløpInfoOgSistePeriodeOS } from './GrunnbeløpInfoOgSistePeriodeOS'; -export const Inntekt: React.FC = ({ +export const Inntekt: React.FC = ({ vurderinger, lagreVurdering, nullstillVurdering, ikkeVurderVilkår, feilmeldinger, grunnlag, - behandlingOpprettet, - stønadstype, + behandling, }) => { const vurdering = vurderinger.find((v) => v.vilkårType === AktivitetsvilkårType.INNTEKT); @@ -39,8 +38,7 @@ export const Inntekt: React.FC venstre: ( ), høyre: ( diff --git "a/src/frontend/Komponenter/Behandling/Aktivitet/Inntekt/SistePeriodeMedOvergangsst\303\270nad.tsx" "b/src/frontend/Komponenter/Behandling/Aktivitet/Inntekt/SistePeriodeMedOvergangsst\303\270nad.tsx" index 865c33303..30f011133 100644 --- "a/src/frontend/Komponenter/Behandling/Aktivitet/Inntekt/SistePeriodeMedOvergangsst\303\270nad.tsx" +++ "b/src/frontend/Komponenter/Behandling/Aktivitet/Inntekt/SistePeriodeMedOvergangsst\303\270nad.tsx" @@ -10,24 +10,20 @@ import TabellVisning, { Kolonner } from '../../Tabell/TabellVisning'; import { IGrunnlagsdataSistePeriodeOvergangsstønad } from '../../TidligereVedtaksperioder/typer'; import SistePeriodeTittelTekst from './SistePeriodeTittelTekst'; import { Stønadstype } from '../../../../App/typer/behandlingstema'; +import { Behandling } from '../../../../App/typer/fagsak'; -interface SistePeriodeMedOvergangsstønadProps { +interface Props { sistePeriodeMedOS: IGrunnlagsdataSistePeriodeOvergangsstønad | undefined; - behandlingOpprettet: string; - stønadstype: Stønadstype; + behandling: Behandling; } -const SistePeriodeMedOvergangsstønad: React.FC = ({ - sistePeriodeMedOS, - behandlingOpprettet, - stønadstype, -}) => { +const SistePeriodeMedOvergangsstønad: React.FC = ({ sistePeriodeMedOS, behandling }) => { if (!sistePeriodeMedOS) { return ; } const kolonner: Kolonner[] = - stønadstype === Stønadstype.SKOLEPENGER + behandling.stønadstype === Stønadstype.SKOLEPENGER ? [ { overskrift: 'Periode', @@ -77,7 +73,7 @@ const SistePeriodeMedOvergangsstønad: React.FC = ({ +export const RettTilOvergangsstønad: React.FC = ({ vurderinger, lagreVurdering, nullstillVurdering, ikkeVurderVilkår, feilmeldinger, grunnlag, - behandlingOpprettet, - stønadstype, + behandling, }) => { const vurdering = vurderinger.find( (v) => v.vilkårType === AktivitetsvilkårType.RETT_TIL_OVERGANGSSTØNAD @@ -44,8 +43,7 @@ export const RettTilOvergangsstønad: React.FC ), høyre: ( diff --git a/src/frontend/Komponenter/Behandling/BehandlingContainer.tsx b/src/frontend/Komponenter/Behandling/BehandlingContainer.tsx index 3a443e3d5..78d322dca 100644 --- a/src/frontend/Komponenter/Behandling/BehandlingContainer.tsx +++ b/src/frontend/Komponenter/Behandling/BehandlingContainer.tsx @@ -92,7 +92,7 @@ const BehandlingContent: FC<{ - + diff --git a/src/frontend/Komponenter/Behandling/BehandlingRoutes.tsx b/src/frontend/Komponenter/Behandling/BehandlingRoutes.tsx index b4d237374..8e98a4bdf 100644 --- a/src/frontend/Komponenter/Behandling/BehandlingRoutes.tsx +++ b/src/frontend/Komponenter/Behandling/BehandlingRoutes.tsx @@ -1,26 +1,21 @@ import { Navigate, Route, Routes } from 'react-router-dom'; import * as React from 'react'; import { filtrerSiderEtterBehandlingstype } from './Fanemeny/sider'; -import { useBehandling } from '../../App/context/BehandlingContext'; -import { RessursSuksess } from '../../App/typer/ressurs'; import { Behandling } from '../../App/typer/fagsak'; -const BehandlingRoutes: React.FC = () => { - const { behandling } = useBehandling(); - const behandlingSuksess = behandling as RessursSuksess; +interface Props { + behandling: Behandling; +} - const siderForBehandling = filtrerSiderEtterBehandlingstype(behandlingSuksess.data); +const BehandlingRoutes: React.FC = ({ behandling }) => { + const siderForBehandling = filtrerSiderEtterBehandlingstype(behandling); return ( {siderForBehandling.map((side) => ( ))} } /> diff --git a/src/frontend/Komponenter/Behandling/Brev/Brev.tsx b/src/frontend/Komponenter/Behandling/Brev/Brev.tsx index 149e5c803..afd74371e 100644 --- a/src/frontend/Komponenter/Behandling/Brev/Brev.tsx +++ b/src/frontend/Komponenter/Behandling/Brev/Brev.tsx @@ -14,6 +14,7 @@ import { useHentOppgaverForOpprettelse } from '../../../App/hooks/useHentOppgave import { AlertInfo } from '../../../Felles/Visningskomponenter/Alerts'; import { oppgaveSomSkalOpprettesTilTekst } from '../Totrinnskontroll/oppgaveForOpprettelseTyper'; import { HøyreKolonne, StyledBrev, VenstreKolonne } from './StyledBrev'; +import { Behandling } from '../../../App/typer/fagsak'; const InfostripeGruppe = styled.div` display: flex; @@ -28,26 +29,21 @@ const StyledInfostripe = styled(AlertInfo)` `; interface Props { - behandlingId: string; + behandling: Behandling; } -const Brev: React.FC = ({ behandlingId }) => { +const Brev: React.FC = ({ behandling }) => { const { axiosRequest } = useApp(); + const { behandlingErRedigerbar, vedtak, personopplysningerResponse, totrinnskontroll } = + useBehandling(); const [brevRessurs, settBrevRessurs] = useState>(byggTomRessurs()); - const { - behandlingErRedigerbar, - vedtak, - personopplysningerResponse, - totrinnskontroll, - behandling, - } = useBehandling(); const [kanSendesTilBeslutter, settKanSendesTilBeslutter] = useState(false); - const oppgaverForOpprettelse = useHentOppgaverForOpprettelse(behandlingId); + const oppgaverForOpprettelse = useHentOppgaverForOpprettelse(behandling.id); const lagBeslutterBrev = () => { axiosRequest({ method: 'POST', - url: `/familie-ef-sak/api/brev/${behandlingId}`, + url: `/familie-ef-sak/api/brev/${behandling.id}`, }).then((respons: Ressurs) => { settBrevRessurs(respons); }); @@ -56,7 +52,7 @@ const Brev: React.FC = ({ behandlingId }) => { const hentBrev = () => { axiosRequest({ method: 'GET', - url: `/familie-ef-sak/api/brev/${behandlingId}`, + url: `/familie-ef-sak/api/brev/${behandling.id}`, }).then((respons: Ressurs) => { settBrevRessurs(respons); }); @@ -78,8 +74,8 @@ const Brev: React.FC = ({ behandlingId }) => { }, [behandlingErRedigerbar, totrinnskontroll]); return ( - - {({ personopplysningerResponse, behandling, vedtak }) => ( + + {({ personopplysningerResponse, vedtak }) => ( <> @@ -100,7 +96,6 @@ const Brev: React.FC = ({ behandlingId }) => { )} {behandlingErRedigerbar && ( ) => void; - behandlingId: string; personopplysninger: IPersonopplysninger; settKanSendesTilBeslutter: (kanSendesTilBeslutter: boolean) => void; behandling: Behandling; @@ -34,15 +33,13 @@ const StyledBrevMeny = styled.div` margin-top: 2rem; `; -const Brevmeny: React.FC = (props) => { - const { - oppdaterBrevRessurs, - behandling, - vedtaksresultat, - behandlingId, - personopplysninger, - settKanSendesTilBeslutter, - } = props; +const Brevmeny: React.FC = ({ + oppdaterBrevRessurs, + behandling, + vedtaksresultat, + personopplysninger, + settKanSendesTilBeslutter, +}) => { const { hentBeløpsperioder, beløpsperioder } = useHentBeløpsperioder( behandling.id, behandling.stønadstype @@ -57,7 +54,7 @@ const Brevmeny: React.FC = (props) => { hentBeløpsperioder(vedtaksresultat); }, [vedtaksresultat, hentBeløpsperioder]); - const { mellomlagreSanitybrev, mellomlagretBrev } = useMellomlagringBrev(behandlingId); + const { mellomlagreSanitybrev, mellomlagretBrev } = useMellomlagringBrev(behandling.id); useEffect(() => { if (mellomlagretBrev.status === RessursStatus.SUKSESS && mellomlagretBrev.data) { settBrevmal(mellomlagretBrev.data.brevmal); @@ -83,7 +80,7 @@ const Brevmeny: React.FC = (props) => { {({ brevStruktur, mellomlagretBrev }) => brevMal ? ( { - const { behandling, behandlingErRedigerbar, vedtak } = useBehandling(); +interface Props { + behandling: Behandling; +} + +const BehandlingsårsakUtenBrev: React.FC = ({ behandling }) => { + const { behandlingErRedigerbar, vedtak } = useBehandling(); return ( - - {({ behandling, vedtak }) => ( + + {({ vedtak }) => ( <> {behandling.behandlingsårsak === Behandlingsårsak.IVERKSETTE_KA_VEDTAK diff --git a/src/frontend/Komponenter/Behandling/Fanemeny/sider.ts b/src/frontend/Komponenter/Behandling/Fanemeny/sider.ts index ae038152b..3b5143fc9 100644 --- a/src/frontend/Komponenter/Behandling/Fanemeny/sider.ts +++ b/src/frontend/Komponenter/Behandling/Fanemeny/sider.ts @@ -1,7 +1,6 @@ import TidligereVedtaksperioder from '../TidligereVedtaksperioder/TidligereVedtaksperioder'; import Inngangsvilkår from '../Inngangsvilkår/Inngangsvilkår'; import { FunctionComponent } from 'react'; -import Aktivitet from '../Aktivitet/Aktivitetsvilkår'; import Brev from '../Brev/Brev'; import { Behandling, BehandlingResultat } from '../../../App/typer/fagsak'; import { Behandlingstype } from '../../../App/typer/behandlingstype'; @@ -12,11 +11,12 @@ import Sanksjonsfastsettelse from '../Sanksjon/Sanksjonsfastsettelse'; import { Stønadstype } from '../../../App/typer/behandlingstema'; import { ÅrsakRevurderingSide } from '../ÅrsakRevurdering/ÅrsakRevurderingSide'; import BehandlingsårsakUtenBrev from './BehandlingsårsakUtenBrev'; +import { AktivitetsvilkårSide } from '../Aktivitet/AktivitetsvilkårSide'; export interface ISide { href: string; navn: string; - komponent: FunctionComponent<{ behandlingId: string }>; + komponent: FunctionComponent<{ behandling: Behandling }>; } export enum SideNavn { @@ -51,7 +51,7 @@ const alleSider: ISide[] = [ { href: 'aktivitet', navn: SideNavn.AKTIVITET, - komponent: Aktivitet, + komponent: AktivitetsvilkårSide, }, { href: 'vedtak-og-beregning', diff --git "a/src/frontend/Komponenter/Behandling/H\303\270yremeny/BehandlingHistorikk.tsx" "b/src/frontend/Komponenter/Behandling/H\303\270yremeny/BehandlingHistorikk.tsx" index 4c6dd02af..1f9b793eb 100644 --- "a/src/frontend/Komponenter/Behandling/H\303\270yremeny/BehandlingHistorikk.tsx" +++ "b/src/frontend/Komponenter/Behandling/H\303\270yremeny/BehandlingHistorikk.tsx" @@ -8,7 +8,6 @@ import { Behandling } from '../../../App/typer/fagsak'; interface Props { behandling: Behandling; - behandlingId: string; } const HistorikkListe = styled.ul` @@ -16,7 +15,7 @@ const HistorikkListe = styled.ul` margin: 0.5rem 1rem; `; -const BehandlingHistorikk: React.FC = ({ behandling, behandlingId }) => { +const BehandlingHistorikk: React.FC = ({ behandling }) => { const { behandlingHistorikk } = useBehandling(); return ( @@ -35,7 +34,6 @@ const BehandlingHistorikk: React.FC = ({ behandling, behandlingId }) => { siste={siste} behandlingshistorikk={behandlingshistorikk} key={idx} - behandlingId={behandlingId} behandling={behandling} skalViseBegrunnelse={skalViseBegrunnelse} /> diff --git "a/src/frontend/Komponenter/Behandling/H\303\270yremeny/HistorikkElement.tsx" "b/src/frontend/Komponenter/Behandling/H\303\270yremeny/HistorikkElement.tsx" index c9851d51f..b026e5636 100644 --- "a/src/frontend/Komponenter/Behandling/H\303\270yremeny/HistorikkElement.tsx" +++ "b/src/frontend/Komponenter/Behandling/H\303\270yremeny/HistorikkElement.tsx" @@ -2,13 +2,13 @@ import React from 'react'; import styled from 'styled-components'; import { formaterIsoDatoTidKort } from '../../../App/utils/formatter'; import { Hendelse, HendelseIkon, hendelseTilHistorikkTekst } from './Historikk'; -import { HistorikkElementProps, LinjeProps } from './typer'; +import { Behandlingshistorikk, LinjeProps } from './typer'; import { useApp } from '../../../App/context/AppContext'; import { RessursFeilet, RessursStatus, RessursSuksess } from '../../../App/typer/ressurs'; import { base64toBlob, winUrl, åpnePdfIEgenTab } from '../../../App/utils/utils'; import { ExternalLinkIcon } from '@navikt/aksel-icons'; import { Behandlingstype } from '../../../App/typer/behandlingstype'; -import { BehandlingResultat } from '../../../App/typer/fagsak'; +import { Behandling, BehandlingResultat } from '../../../App/typer/fagsak'; import { Behandlingsårsak } from '../../../App/typer/Behandlingsårsak'; import { BreakWordUndertekst } from '../../../Felles/Visningskomponenter/BreakWordUndertekst'; import { Button } from '@navikt/ds-react'; @@ -41,10 +41,16 @@ const StyledHistorikkElement = styled.li` } `; -const HistorikkElement: React.FC = ({ +export interface Props { + siste: boolean; + behandlingshistorikk: Behandlingshistorikk; + behandling: Behandling; + skalViseBegrunnelse: boolean; +} + +const HistorikkElement: React.FC = ({ behandlingshistorikk, siste, - behandlingId, behandling, skalViseBegrunnelse, }) => { @@ -53,7 +59,7 @@ const HistorikkElement: React.FC = ({ const hentOgÅpneVedtaksbrev = () => { axiosRequest({ method: 'GET', - url: `/familie-ef-sak/api/brev/${behandlingId}`, + url: `/familie-ef-sak/api/brev/${behandling.id}`, }).then((respons: RessursSuksess | RessursFeilet) => { if (respons.status === RessursStatus.SUKSESS) { åpnePdfIEgenTab(base64toBlob(respons.data, 'application/pdf'), 'Vedtaksbrev'); diff --git "a/src/frontend/Komponenter/Behandling/H\303\270yremeny/H\303\270yremeny.tsx" "b/src/frontend/Komponenter/Behandling/H\303\270yremeny/H\303\270yremeny.tsx" index b225f7c09..f4e9fb1e6 100644 --- "a/src/frontend/Komponenter/Behandling/H\303\270yremeny/H\303\270yremeny.tsx" +++ "b/src/frontend/Komponenter/Behandling/H\303\270yremeny/H\303\270yremeny.tsx" @@ -13,11 +13,6 @@ import { Behandling } from '../../../App/typer/fagsak'; import TilegnetSaksbehandler from './TilegnetSaksbehandler'; import TildelOppgave from './TildelOppgave'; -interface Props { - behandling: Behandling; - åpenHøyremeny: boolean; -} - const StyledBack = styled(ChevronLeftIcon)` border-radius: 0; margin-top: 3px; @@ -60,6 +55,11 @@ export enum Høyremenyvalg { Logg = 'Logg', } +interface Props { + behandling: Behandling; + åpenHøyremeny: boolean; +} + const Høyremeny: React.FC = ({ behandling, åpenHøyremeny }) => { const [aktivtValg, settAktivtvalg] = useState(Høyremenyvalg.Logg); const { settÅpenHøyremeny } = useBehandling(); @@ -88,10 +88,7 @@ const Høyremeny: React.FC = ({ behandling, åpenHøyremeny }) => { {aktivtValg === Høyremenyvalg.Mappe && } {aktivtValg === Høyremenyvalg.Logg && ( - + )} {aktivtValg === Høyremenyvalg.Dialog &&
Her kommer dialog
} diff --git "a/src/frontend/Komponenter/Behandling/H\303\270yremeny/typer.ts" "b/src/frontend/Komponenter/Behandling/H\303\270yremeny/typer.ts" index ea078dd43..3d91c15ac 100644 --- "a/src/frontend/Komponenter/Behandling/H\303\270yremeny/typer.ts" +++ "b/src/frontend/Komponenter/Behandling/H\303\270yremeny/typer.ts" @@ -1,6 +1,5 @@ import { Steg, StegUtfall } from './Steg'; import { Hendelse } from './Historikk'; -import { Behandling } from '../../../App/typer/fagsak'; export interface Behandlingshistorikk { behandlingId: string; @@ -18,11 +17,3 @@ export interface LinjeProps { $siste: boolean; $størreMellomrom: boolean; } - -export interface HistorikkElementProps { - siste: boolean; - behandlingshistorikk: Behandlingshistorikk; - behandlingId: string; - behandling: Behandling; - skalViseBegrunnelse: boolean; -} diff --git "a/src/frontend/Komponenter/Behandling/Inngangsvilk\303\245r/Aleneomsorg/Aleneomsorg.tsx" "b/src/frontend/Komponenter/Behandling/Inngangsvilk\303\245r/Aleneomsorg/Aleneomsorg.tsx" index 81cdec7da..668ecc897 100644 --- "a/src/frontend/Komponenter/Behandling/Inngangsvilk\303\245r/Aleneomsorg/Aleneomsorg.tsx" +++ "b/src/frontend/Komponenter/Behandling/Inngangsvilk\303\245r/Aleneomsorg/Aleneomsorg.tsx" @@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react'; import { vilkårStatusForBarn } from '../../Vurdering/VurderingUtil'; import VisEllerEndreVurdering from '../../Vurdering/VisEllerEndreVurdering'; import AleneomsorgInfo from './AleneomsorgInfo'; -import { VilkårPropsMedStønadstype } from '../vilkårprops'; +import { VilkårPropsMedBehandling } from '../vilkårprops'; import { InngangsvilkårType } from '../vilkår'; import { byggTomRessurs, Ressurs } from '../../../../App/typer/ressurs'; import { Stønadstype } from '../../../../App/typer/behandlingstema'; @@ -12,7 +12,7 @@ import DokumentasjonSendtInn from '../DokumentasjonSendtInn'; import { VilkårpanelInnhold } from '../../Vilkårpanel/VilkårpanelInnhold'; import { Vilkårpanel } from '../../Vilkårpanel/Vilkårpanel'; -export const Aleneomsorg: React.FC = ({ +export const Aleneomsorg: React.FC = ({ vurderinger, lagreVurdering, nullstillVurdering, @@ -20,23 +20,22 @@ export const Aleneomsorg: React.FC = ({ grunnlag, ikkeVurderVilkår, skalViseSøknadsdata, - stønadstype, - behandlingId, + behandling, }) => { const [barnMedLøpendeStønad, settBarnMedLøpendeStønad] = useState>(byggTomRessurs()); const { axiosRequest } = useApp(); useEffect(() => { - if (stønadstype === Stønadstype.BARNETILSYN) { + if (behandling.stønadstype === Stønadstype.BARNETILSYN) { axiosRequest({ method: 'GET', - url: `/familie-ef-sak/api/tilkjentytelse/barn/${behandlingId}`, + url: `/familie-ef-sak/api/tilkjentytelse/barn/${behandling.id}`, }).then((respons: Ressurs) => { settBarnMedLøpendeStønad(respons); }); } - }, [axiosRequest, behandlingId, stønadstype, settBarnMedLøpendeStønad]); + }, [axiosRequest, behandling.stønadstype, behandling.id, settBarnMedLøpendeStønad]); const vilkårsresultatAleneomsorg = vurderinger .filter((vurdering) => vurdering.vilkårType === InngangsvilkårType.ALENEOMSORG) @@ -73,7 +72,7 @@ export const Aleneomsorg: React.FC = ({ gjeldendeBarn={barn} skalViseSøknadsdata={skalViseSøknadsdata} barnMedLøpendeStønad={barnMedLøpendeStønad} - stønadstype={stønadstype} + stønadstype={behandling.stønadstype} personalia={grunnlag.personalia} /> {erSisteBarn && skalViseSøknadsdata && ( diff --git "a/src/frontend/Komponenter/Behandling/Inngangsvilk\303\245r/Inngangsvilk\303\245r.tsx" "b/src/frontend/Komponenter/Behandling/Inngangsvilk\303\245r/Inngangsvilk\303\245r.tsx" index 446ef5979..86bb9b40c 100644 --- "a/src/frontend/Komponenter/Behandling/Inngangsvilk\303\245r/Inngangsvilk\303\245r.tsx" +++ "b/src/frontend/Komponenter/Behandling/Inngangsvilk\303\245r/Inngangsvilk\303\245r.tsx" @@ -14,13 +14,14 @@ import { InngangsvilkårHeader } from './InngangsvilkårHeader/InngangsvilkårHe import { useApp } from '../../../App/context/AppContext'; import { FyllUtVilkårKnapp } from './FyllUtVilkårKnapp'; import VilkårIkkeOpprettetAlert from '../Vurdering/VilkårIkkeOpprettet'; +import { Behandling } from '../../../App/typer/fagsak'; interface Props { - behandlingId: string; + behandling: Behandling; } -const Inngangsvilkår: FC = ({ behandlingId }) => { - const { behandling, behandlingErRedigerbar, vilkårState } = useBehandling(); +const Inngangsvilkår: FC = ({ behandling }) => { + const { behandlingErRedigerbar, vilkårState } = useBehandling(); const { erSaksbehandler } = useApp(); const { vilkår, @@ -34,12 +35,12 @@ const Inngangsvilkår: FC = ({ behandlingId }) => { } = vilkårState; React.useEffect(() => { - hentVilkår(behandlingId); - // eslint-disable-next-line - }, [behandlingId]); + hentVilkår(behandling.id); + }, [hentVilkår, behandling.id]); + return ( - - {({ vilkår, behandling }) => { + + {({ vilkår }) => { const årsak = behandling.behandlingsårsak; const skalViseSøknadsdata = årsak === Behandlingsårsak.SØKNAD || årsak === Behandlingsårsak.PAPIRSØKNAD; @@ -61,8 +62,7 @@ const Inngangsvilkår: FC = ({ behandlingId }) => { oppdatertDato={grunnlagsdataInnhentetDato} behandlingErRedigerbar={behandlingErRedigerbar} oppdaterGrunnlagsdata={oppdaterGrunnlagsdataOgHentVilkår} - behandlingId={behandlingId} - behandling={behandling} + behandlingId={behandling.id} gjenbrukInngangsvilkår={gjenbrukInngangsvilkår} /> )} @@ -119,8 +119,7 @@ const Inngangsvilkår: FC = ({ behandlingId }) => { vurderinger={vilkår.vurderinger} ikkeVurderVilkår={ikkeVurderVilkår} skalViseSøknadsdata={skalViseSøknadsdata} - behandlingId={behandlingId} - behandlingsstatus={behandling.status} + behandling={behandling} /> = ({ behandlingId }) => { vurderinger={vilkår.vurderinger} ikkeVurderVilkår={ikkeVurderVilkår} skalViseSøknadsdata={skalViseSøknadsdata} - stønadstype={behandling.stønadstype} - behandlingId={behandlingId} + behandling={behandling} /> ); diff --git "a/src/frontend/Komponenter/Behandling/Inngangsvilk\303\245r/Inngangsvilk\303\245rHeader/Inngangsvilk\303\245rHeader.tsx" "b/src/frontend/Komponenter/Behandling/Inngangsvilk\303\245r/Inngangsvilk\303\245rHeader/Inngangsvilk\303\245rHeader.tsx" index e28598d25..95747bd9d 100644 --- "a/src/frontend/Komponenter/Behandling/Inngangsvilk\303\245r/Inngangsvilk\303\245rHeader/Inngangsvilk\303\245rHeader.tsx" +++ "b/src/frontend/Komponenter/Behandling/Inngangsvilk\303\245r/Inngangsvilk\303\245rHeader/Inngangsvilk\303\245rHeader.tsx" @@ -33,7 +33,6 @@ interface Props { behandlingErRedigerbar: boolean; oppdaterGrunnlagsdata: (behandlingId: string) => Promise; behandlingId: string; - behandling: Behandling; gjenbrukInngangsvilkår: (behandlingId: string, kopierBehandlingId: string) => void; } @@ -42,7 +41,6 @@ export const InngangsvilkårHeader: React.FC = ({ behandlingErRedigerbar, oppdaterGrunnlagsdata, behandlingId, - behandling, gjenbrukInngangsvilkår, }) => { const [behandlingerForVilkårsgjenbruk, settbehandlingerForVilkårsgjenbruk] = @@ -64,8 +62,8 @@ export const InngangsvilkårHeader: React.FC = ({ ); useEffect(() => { - finnBehandlingForGjenbrukAvVilkår(behandling.id); - }, [behandling, finnBehandlingForGjenbrukAvVilkår]); + finnBehandlingForGjenbrukAvVilkår(behandlingId); + }, [behandlingId, finnBehandlingForGjenbrukAvVilkår]); return ( diff --git "a/src/frontend/Komponenter/Behandling/Inngangsvilk\303\245r/Samliv/Samliv.tsx" "b/src/frontend/Komponenter/Behandling/Inngangsvilk\303\245r/Samliv/Samliv.tsx" index 922d00fe0..c83c19c96 100644 --- "a/src/frontend/Komponenter/Behandling/Inngangsvilk\303\245r/Samliv/Samliv.tsx" +++ "b/src/frontend/Komponenter/Behandling/Inngangsvilk\303\245r/Samliv/Samliv.tsx" @@ -1,12 +1,12 @@ import React from 'react'; import { InngangsvilkårType } from '../vilkår'; import VisEllerEndreVurdering from '../../Vurdering/VisEllerEndreVurdering'; -import { VilkårPropsMedBehandlingsstatus } from '../vilkårprops'; +import { VilkårPropsMedBehandling } from '../vilkårprops'; import SamlivInfo from './SamlivInfo'; import { Vilkårpanel } from '../../Vilkårpanel/Vilkårpanel'; import { VilkårpanelInnhold } from '../../Vilkårpanel/VilkårpanelInnhold'; -export const Samliv: React.FC = ({ +export const Samliv: React.FC = ({ vurderinger, grunnlag, lagreVurdering, @@ -14,8 +14,7 @@ export const Samliv: React.FC = ({ ikkeVurderVilkår, feilmeldinger, skalViseSøknadsdata, - behandlingId, - behandlingsstatus, + behandling, }) => { const vurdering = vurderinger.find((v) => v.vilkårType === InngangsvilkårType.SAMLIV); if (!vurdering) { @@ -32,10 +31,9 @@ export const Samliv: React.FC = ({ {{ venstre: ( ), høyre: ( diff --git "a/src/frontend/Komponenter/Behandling/Inngangsvilk\303\245r/Samliv/SamlivInfo.tsx" "b/src/frontend/Komponenter/Behandling/Inngangsvilk\303\245r/Samliv/SamlivInfo.tsx" index d78783ac2..0879d12cb 100644 --- "a/src/frontend/Komponenter/Behandling/Inngangsvilk\303\245r/Samliv/SamlivInfo.tsx" +++ "b/src/frontend/Komponenter/Behandling/Inngangsvilk\303\245r/Samliv/SamlivInfo.tsx" @@ -12,19 +12,15 @@ import { Addresseopplysninger } from './Addresseopplysninger'; import { InformasjonContainer } from '../../Vilkårpanel/StyledVilkårInnhold'; import Informasjonsrad from '../../Vilkårpanel/Informasjonsrad'; import { VilkårInfoIkon } from '../../Vilkårpanel/VilkårInformasjonKomponenter'; +import { Behandling } from '../../../../App/typer/fagsak'; + interface Props { grunnlag: IVilkårGrunnlag; skalViseSøknadsdata: boolean; - behandlingId: string; - behandlingsstatus: BehandlingStatus; + behandling: Behandling; } -const SamlivInfo: FC = ({ - grunnlag, - skalViseSøknadsdata, - behandlingId, - behandlingsstatus, -}) => { +const SamlivInfo: FC = ({ grunnlag, skalViseSøknadsdata, behandling }) => { const { personalia, sivilstand, @@ -71,8 +67,8 @@ const SamlivInfo: FC = ({ /> )} - {behandlingsstatus !== BehandlingStatus.FERDIGSTILT && ( - + {behandling.status !== BehandlingStatus.FERDIGSTILT && ( + )} {skalViseSøknadsdata && } {skalViseSøknadsdata && ( diff --git "a/src/frontend/Komponenter/Behandling/Inngangsvilk\303\245r/vilk\303\245rprops.ts" "b/src/frontend/Komponenter/Behandling/Inngangsvilk\303\245r/vilk\303\245rprops.ts" index 148a43b4d..d0d2341cf 100644 --- "a/src/frontend/Komponenter/Behandling/Inngangsvilk\303\245r/vilk\303\245rprops.ts" +++ "b/src/frontend/Komponenter/Behandling/Inngangsvilk\303\245r/vilk\303\245rprops.ts" @@ -6,8 +6,7 @@ import { Vurderingsfeilmelding, } from './vilkår'; import { RessursFeilet, RessursSuksess } from '../../../App/typer/ressurs'; -import { Stønadstype } from '../../../App/typer/behandlingstema'; -import { BehandlingStatus } from '../../../App/typer/behandlingstatus'; +import { Behandling } from '../../../App/typer/fagsak'; export interface VilkårProps { vurderinger: IVurdering[]; @@ -25,21 +24,6 @@ export interface VilkårProps { skalViseSøknadsdata: boolean; } -export interface VilkårPropsMedStønadstype extends VilkårProps { - stønadstype: Stønadstype; - behandlingId: string; -} - -export interface VilkårPropsMedBehandlingId extends VilkårProps { - behandlingId: string; -} - -export interface VilkårPropsMedBehandlingsstatus extends VilkårProps { - behandlingsstatus: BehandlingStatus; - behandlingId: string; -} - -export interface VilkårPropsMedBehandlingOpprettetOgStønadstype extends VilkårProps { - behandlingOpprettet: string; - stønadstype: Stønadstype; +export interface VilkårPropsMedBehandling extends VilkårProps { + behandling: Behandling; } diff --git a/src/frontend/Komponenter/Behandling/Sanksjon/Sanksjonsfastsettelse.tsx b/src/frontend/Komponenter/Behandling/Sanksjon/Sanksjonsfastsettelse.tsx index 461baec97..25a3e8890 100644 --- a/src/frontend/Komponenter/Behandling/Sanksjon/Sanksjonsfastsettelse.tsx +++ b/src/frontend/Komponenter/Behandling/Sanksjon/Sanksjonsfastsettelse.tsx @@ -78,12 +78,16 @@ const AdvarselVisning = styled(AlertWarning)` } `; -const Sanksjonsfastsettelse: FC = () => { - const { behandling, vedtak } = useBehandling(); +interface Props { + behandling: Behandling; +} + +const Sanksjonsfastsettelse: FC = ({ behandling }) => { + const { vedtak } = useBehandling(); return ( - - {({ vedtak, behandling }) => ( + + {({ vedtak }) => ( = ({ behandlingId }) => { +interface Props { + behandling: Behandling; +} + +export const Simulering: FC = ({ behandling }) => { const { axiosRequest } = useApp(); const { vedtak, vedtaksresultat } = useBehandling(); const [simuleringsresultat, settSimuleringsresultat] = @@ -17,19 +22,19 @@ export const Simulering: FC<{ behandlingId: string }> = ({ behandlingId }) => { if (harVedtaksresultatMedTilkjentYtelse(vedtaksresultat)) { axiosRequest({ method: 'GET', - url: `/familie-ef-sak/api/simulering/${behandlingId}`, + url: `/familie-ef-sak/api/simulering/${behandling.id}`, }).then((respons: Ressurs | RessursFeilet) => { settSimuleringsresultat(respons); }); } - }, [vedtaksresultat, behandlingId, axiosRequest]); + }, [vedtaksresultat, behandling.id, axiosRequest]); return ( {({ simuleringsresultat, vedtak }) => ( )} diff --git a/src/frontend/Komponenter/Behandling/TidligereVedtaksperioder/TidligereVedtaksperioder.tsx b/src/frontend/Komponenter/Behandling/TidligereVedtaksperioder/TidligereVedtaksperioder.tsx index d2d51c23c..b15c2f650 100644 --- a/src/frontend/Komponenter/Behandling/TidligereVedtaksperioder/TidligereVedtaksperioder.tsx +++ b/src/frontend/Komponenter/Behandling/TidligereVedtaksperioder/TidligereVedtaksperioder.tsx @@ -8,8 +8,13 @@ import ToKolonnerLayout from '../../../Felles/Visningskomponenter/ToKolonnerLayo import TidligereVedtaksperioderInfo from './TidligereVedtaksperioderInfo'; import { useBehandling } from '../../../App/context/BehandlingContext'; import VilkårIkkeOpprettetAlert from '../Vurdering/VilkårIkkeOpprettet'; +import { Behandling } from '../../../App/typer/fagsak'; -const TidligereVedtaksperioder: React.FC<{ behandlingId: string }> = ({ behandlingId }) => { +interface Props { + behandling: Behandling; +} + +const TidligereVedtaksperioder: React.FC = ({ behandling }) => { const { vilkårState } = useBehandling(); const { hentVilkår, @@ -21,9 +26,8 @@ const TidligereVedtaksperioder: React.FC<{ behandlingId: string }> = ({ behandli } = vilkårState; useEffect(() => { - hentVilkår(behandlingId); - // eslint-disable-next-line - }, [behandlingId]); + hentVilkår(behandling.id); + }, [hentVilkår, behandling.id]); return ( diff --git a/src/frontend/Komponenter/Behandling/VedtakOgBeregning/VedtakOgBeregningSide.tsx b/src/frontend/Komponenter/Behandling/VedtakOgBeregning/VedtakOgBeregningSide.tsx index 0f97f3c80..eb8bbdaff 100644 --- a/src/frontend/Komponenter/Behandling/VedtakOgBeregning/VedtakOgBeregningSide.tsx +++ b/src/frontend/Komponenter/Behandling/VedtakOgBeregning/VedtakOgBeregningSide.tsx @@ -29,31 +29,27 @@ const AlertErrorLeft = styled(AlertError)` margin-top: 1rem; `; -const AlertStripeIkkeFerdigBehandletVilkår = (): JSX.Element => ( - - - Vedtaksresultat kan ikke settes da et eller flere vilkår er ubehandlet. - - -); +interface Props { + behandling: Behandling; +} -export const VedtakOgBeregningSide: FC<{ behandlingId: string }> = ({ behandlingId }) => { - const { behandling, vilkårState } = useBehandling(); +export const VedtakOgBeregningSide: FC = ({ behandling }) => { + const { vilkårState } = useBehandling(); const [visNullstillVedtakModal, settVisNullstillVedtakModal] = useState(false); const { vilkår, hentVilkår } = vilkårState; useEffect(() => { - hentVilkår(behandlingId); + hentVilkår(behandling.id); // eslint-disable-next-line - }, [behandlingId]); + }, [behandling.id]); return ( - - {({ behandling, vilkår }) => { + + {({ vilkår }) => { switch (behandling.stønadstype) { case Stønadstype.OVERGANGSSTØNAD: return ( @@ -82,7 +78,7 @@ export const VedtakOgBeregningSide: FC<{ behandlingId: string }> = ({ behandling ); @@ -120,6 +116,14 @@ const VedtakOgBeregningSideBarnetilsyn: React.FC<{ ); }; +const AlertStripeIkkeFerdigBehandletVilkår = (): JSX.Element => ( + + + Vedtaksresultat kan ikke settes da et eller flere vilkår er ubehandlet. + + +); + const VedtakOgBeregningSideSkolepenger: React.FC<{ behandling: Behandling; vilkår: IVilkår; diff --git "a/src/frontend/Komponenter/Behandling/\303\205rsakRevurdering/\303\205rsakRevurderingSide.tsx" "b/src/frontend/Komponenter/Behandling/\303\205rsakRevurdering/\303\205rsakRevurderingSide.tsx" index 02afabdd3..89c5486bc 100644 --- "a/src/frontend/Komponenter/Behandling/\303\205rsakRevurdering/\303\205rsakRevurderingSide.tsx" +++ "b/src/frontend/Komponenter/Behandling/\303\205rsakRevurdering/\303\205rsakRevurderingSide.tsx" @@ -3,25 +3,24 @@ import ToKolonnerLayout from '../../../Felles/Visningskomponenter/ToKolonnerLayo import IkkeVurdert from '../../../Felles/Ikoner/IkkeVurdert'; import Oppfylt from '../../../Felles/Ikoner/Oppfylt'; import styled from 'styled-components'; -import { useBehandling } from '../../../App/context/BehandlingContext'; import { Revurderingsinformasjon } from './typer'; import DataViewer from '../../../Felles/DataViewer/DataViewer'; import { useApp } from '../../../App/context/AppContext'; import { byggTomRessurs, Ressurs } from '../../../App/typer/ressurs'; import { ÅrsakRevurdering } from './ÅrsakRevurdering'; import { Heading } from '@navikt/ds-react'; - -interface Props { - behandlingId: string; -} +import { Behandling } from '../../../App/typer/fagsak'; const FlexDiv = styled.div` display: flex; gap: 0.5rem; `; -export const ÅrsakRevurderingSide: React.FC = ({ behandlingId }) => { - const { behandling } = useBehandling(); +interface Props { + behandling: Behandling; +} + +export const ÅrsakRevurderingSide: React.FC = ({ behandling }) => { const { axiosRequest } = useApp(); const [revurderingsinformasjon, settRevurderingsinformasjon] = @@ -31,10 +30,10 @@ export const ÅrsakRevurderingSide: React.FC = ({ behandlingId }) => { useEffect(() => { axiosRequest({ - url: `/familie-ef-sak/api/revurdering/informasjon/${behandlingId}`, + url: `/familie-ef-sak/api/revurdering/informasjon/${behandling.id}`, method: 'GET', }).then(settRevurderingsinformasjon); - }, [axiosRequest, behandlingId]); + }, [axiosRequest, behandling.id]); return ( @@ -48,8 +47,8 @@ export const ÅrsakRevurderingSide: React.FC = ({ behandlingId }) => { ), høyre: ( - - {({ revurderingsinformasjon, behandling }) => ( + + {({ revurderingsinformasjon }) => ( <ÅrsakRevurdering revurderingsinformasjon={revurderingsinformasjon} behandling={behandling}