O store gjenny opprydning (#6533)

* Gi bedre navn til aktivitetsplig routes * Baibai main content * Baibai grid container * Baibai styled.tsx * Fjern enda en styled
navikt · Dec 3, 2024 · 5bab546 · 5bab546
1 parent 69e46da
commit 5bab546
Show file tree

Hide file tree

Showing 29 changed files with 144 additions and 195 deletions.
diff --git a/...aktivitetsplikt/OppgaveVurderingRoute.tsx → ...AktivitetspliktOppgaveVurderingRoutes.tsx b/...aktivitetsplikt/OppgaveVurderingRoute.tsx → ...AktivitetspliktOppgaveVurderingRoutes.tsx
@@ -1,5 +1,4 @@
 import { StatusBar } from '~shared/statusbar/Statusbar'
-import { GridContainer, MainContent } from '~shared/styled'
 import { Navigate, Route, Routes } from 'react-router-dom'
 import React, { createContext, useContext } from 'react'
 import { AktivitetspliktSidemeny } from '~components/aktivitetsplikt/sidemeny/AktivitetspliktSidemeny'
@@ -12,30 +11,31 @@ import { VurderingInfoBrevOgOppsummering } from '~components/aktivitetsplikt/bre
 import { AktivitetspliktOppgaveVurdering } from '~shared/types/Aktivitetsplikt'
 import { useAktivitetspliktOppgaveVurderingState } from '~store/reducers/Aktivitetsplikt12mnd'
 import { ValgForInfobrev } from '~components/aktivitetsplikt/brev/ValgForInfobrev'
+import { Box, HStack } from '@navikt/ds-react'
 
 const AktivitetspliktOppgaveContext = createContext<AktivitetspliktOppgaveVurdering>(
   {} as AktivitetspliktOppgaveVurdering
 )
 
-export function OppgaveVurderingRoute(props: { vurderingOgOppgave: AktivitetspliktOppgaveVurdering }) {
+export function AktivitetspliktOppgaveVurderingRoutes(props: { vurderingOgOppgave: AktivitetspliktOppgaveVurdering }) {
   const { vurderingOgOppgave } = props
 
   return (
     <AktivitetspliktOppgaveContext.Provider value={{ ...useAktivitetspliktOppgaveVurderingState() }}>
       <StatusBar ident={vurderingOgOppgave.oppgave.fnr} />
       <AktivitetspliktStegmeny />
 
-      <GridContainer>
-        <MainContent>
+      <HStack height="100%" minHeight="100vh" wrap={false}>
+        <Box width="100%">
           <Routes>
             <Route path={AktivitetspliktSteg.VURDERING} element={<VurderAktivitet />} />
             <Route path={AktivitetspliktSteg.BREVVALG} element={<ValgForInfobrev />} />
             <Route path={AktivitetspliktSteg.OPPSUMMERING_OG_BREV} element={<VurderingInfoBrevOgOppsummering />} />
             <Route path="*" element={<Navigate to={AktivitetspliktSteg.VURDERING} replace />} />
           </Routes>
-        </MainContent>
+        </Box>
         <AktivitetspliktSidemeny />
-      </GridContainer>
+      </HStack>
     </AktivitetspliktOppgaveContext.Provider>
   )
 }
@@ -48,7 +48,7 @@ export const useAktivitetspliktOppgaveVurdering = (): AktivitetspliktOppgaveVurd
     }
     return oppgave
   } catch (e) {
-    const msg = 'Kan ikke bruke useOppgaveForVurdering utenfor OppgaveVurderingRoute-treet'
+    const msg = 'Kan ikke bruke useOppgaveForVurdering utenfor AktivitetspliktOppgaveVurderingRoutes-treet'
     console.error(msg)
     throw new Error(msg, { cause: e })
   }

diff --git a/...-saksbehandling-ui/client/src/components/aktivitetsplikt/VurderAktivitetspliktOppgave.tsx b/...-saksbehandling-ui/client/src/components/aktivitetsplikt/VurderAktivitetspliktOppgave.tsx
@@ -5,7 +5,7 @@ import React, { useEffect } from 'react'
 import { isSuccess, mapResult } from '~shared/api/apiUtils'
 import Spinner from '~shared/Spinner'
 import { ApiErrorAlert } from '~ErrorBoundary'
-import { OppgaveVurderingRoute } from '~components/aktivitetsplikt/OppgaveVurderingRoute'
+import { AktivitetspliktOppgaveVurderingRoutes } from '~components/aktivitetsplikt/AktivitetspliktOppgaveVurderingRoutes'
 import { Link } from '@navikt/ds-react'
 import { hentAktivitetspliktOppgaveVurdering } from '~shared/api/aktivitetsplikt'
 import { useDispatch } from 'react-redux'
@@ -41,7 +41,7 @@ export function VurderAktivitetspliktOppgave() {
     ),
     pending: <Spinner visible label="Henter oppgave for vurdering" />,
     success: (oppgave) => {
-      return <>{dataErSatt && <OppgaveVurderingRoute vurderingOgOppgave={oppgave} />}</>
+      return <>{dataErSatt && <AktivitetspliktOppgaveVurderingRoutes vurderingOgOppgave={oppgave} />}</>
     },
     error: (e) => (
       <ApiErrorAlert>{e.detail || 'Kunne ikke hente oppgave for vurderingen av aktivitetsplikt'}</ApiErrorAlert>

diff --git a/...atte-saksbehandling-ui/client/src/components/aktivitetsplikt/brev/AktivitetspliktBrev.tsx b/...atte-saksbehandling-ui/client/src/components/aktivitetsplikt/brev/AktivitetspliktBrev.tsx
@@ -6,13 +6,12 @@ import { BrevProsessType, BrevStatus, IBrev } from '~shared/types/Brev'
 import { mapResult } from '~shared/api/apiUtils'
 import Spinner from '~shared/Spinner'
 import { ApiErrorAlert } from '~ErrorBoundary'
-import { Column, GridContainer } from '~shared/styled'
 import BrevTittel from '~components/person/brev/tittel/BrevTittel'
 import BrevSpraak from '~components/person/brev/spraak/BrevSpraak'
 import { BrevMottakerWrapper } from '~components/person/brev/mottaker/BrevMottakerWrapper'
 import ForhaandsvisningBrev from '~components/behandling/brev/ForhaandsvisningBrev'
 import RedigerbartBrev from '~components/behandling/brev/RedigerbartBrev'
-import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/OppgaveVurderingRoute'
+import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/AktivitetspliktOppgaveVurderingRoutes'
 import { InfobrevKnapperad } from '~components/aktivitetsplikt/brev/VurderingInfoBrevOgOppsummering'
 import { FerdigstillAktivitetspliktBrevModal } from '~components/aktivitetsplikt/brev/FerdigstillBrevModal'
 import { LoependeUnntakInfo } from '~components/aktivitetsplikt/brev/LoependeUnntakInfo'
@@ -52,52 +51,53 @@ export function Aktivitetspliktbrev({ brevId }: { brevId: number }) {
       const brevErFerdigstilt =
         brev.prosessType === BrevProsessType.OPPLASTET_PDF || brev.status === BrevStatus.DISTRIBUERT
       return (
-        <GridContainer>
-          <Column>
+        <HStack height="100%" minHeight="100vh" wrap={false}>
+          <VStack gap="4" margin="4" minWidth="30rem">
             {endringerHarKommetEtterBrevOpprettelse(brev) && (
               <Alert variant="warning">
                 Vurdering av aktivitet eller valgene for infobrevet er oppdatert etter at brevet ble opprettet. Se nøye
                 over brevet for å se om innholdet stemmer med nåværende verdier.
               </Alert>
             )}
-            <VStack gap="4" margin="4">
-              <Box marginInline="0 8">
-                <Heading size="large">Infobrev aktivitetsplikt</Heading>
-              </Box>
+            <Box marginInline="0 8">
+              <Heading size="large">Infobrev aktivitetsplikt</Heading>
+            </Box>
 
-              <LoependeUnntakInfo />
-              <BrevTittel brevId={brev.id} sakId={brev.sakId} tittel={brev.tittel} kanRedigeres={kanRedigeres} />
-              <BrevSpraak brev={brev} kanRedigeres={false} />
-              {kanRedigeres && (
-                <Alert size="small" variant="info">
-                  For å endre målform i brevet må det endres på forrige steg. Endring i brevvalg vil nullstille
-                  innholdet i brevet.
-                </Alert>
-              )}
+            <LoependeUnntakInfo />
+            <BrevTittel brevId={brev.id} sakId={brev.sakId} tittel={brev.tittel} kanRedigeres={kanRedigeres} />
+            <BrevSpraak brev={brev} kanRedigeres={false} />
+            {kanRedigeres && (
+              <Alert size="small" variant="info">
+                For å endre målform i brevet må det endres på forrige steg. Endring i brevvalg vil nullstille innholdet
+                i brevet.
+              </Alert>
+            )}
 
-              <BrevMottakerWrapper brev={brev} kanRedigeres={kanRedigeres} />
+            <BrevMottakerWrapper brev={brev} kanRedigeres={kanRedigeres} />
+          </VStack>
+
+          <Box borderWidth="0 1" borderColor="border-subtle">
+            <VStack gap="4" width="50rem">
+              {brevErFerdigstilt ? (
+                <>
+                  <Box maxHeight="955px" width="100%" height="100%" marginBlock="0 16">
+                    <ForhaandsvisningBrev brev={brev} />
+                  </Box>
+                  <InfobrevKnapperad />
+                </>
+              ) : (
+                <>
+                  <HStack wrap={false}>
+                    <RedigerbartBrev brev={brev} kanRedigeres={kanRedigeres} tilbakestillingsaction={() => undefined} />
+                  </HStack>
+                  <InfobrevKnapperad>
+                    <FerdigstillAktivitetspliktBrevModal />
+                  </InfobrevKnapperad>
+                </>
+              )}
             </VStack>
-          </Column>
-          <Column>
-            {brevErFerdigstilt ? (
-              <>
-                <Box maxHeight="955px" width="100%" height="100%" marginBlock="0 16">
-                  <ForhaandsvisningBrev brev={brev} />
-                </Box>
-                <InfobrevKnapperad />
-              </>
-            ) : (
-              <>
-                <HStack wrap={false}>
-                  <RedigerbartBrev brev={brev} kanRedigeres={kanRedigeres} tilbakestillingsaction={() => undefined} />
-                </HStack>
-                <InfobrevKnapperad>
-                  <FerdigstillAktivitetspliktBrevModal />
-                </InfobrevKnapperad>
-              </>
-            )}
-          </Column>
-        </GridContainer>
+          </Box>
+        </HStack>
       )
     },
   })

diff --git a/...-ui/client/src/components/aktivitetsplikt/brev/FerdigstillAktivitetspliktOppgaveModal.tsx b/...-ui/client/src/components/aktivitetsplikt/brev/FerdigstillAktivitetspliktOppgaveModal.tsx
@@ -1,4 +1,4 @@
-import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/OppgaveVurderingRoute'
+import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/AktivitetspliktOppgaveVurderingRoutes'
 import React, { useState } from 'react'
 import { useApiCall } from '~shared/hooks/useApiCall'
 import { ferdigstillOppgave } from '~shared/api/oppgaver'

diff --git a/...tte-saksbehandling-ui/client/src/components/aktivitetsplikt/brev/FerdigstillBrevModal.tsx b/...tte-saksbehandling-ui/client/src/components/aktivitetsplikt/brev/FerdigstillBrevModal.tsx
@@ -4,7 +4,7 @@ import { setAktivitetspliktOppgave } from '~store/reducers/Aktivitetsplikt12mnd'
 import { useApiCall } from '~shared/hooks/useApiCall'
 import { ferdigstillBrevOgOppgaveAktivitetsplikt } from '~shared/api/aktivitetsplikt'
 import { useDispatch } from 'react-redux'
-import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/OppgaveVurderingRoute'
+import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/AktivitetspliktOppgaveVurderingRoutes'
 import { isPending, isSuccess, mapFailure, mapSuccess } from '~shared/api/apiUtils'
 import { ApiErrorAlert } from '~ErrorBoundary'
 

diff --git a/...latte-saksbehandling-ui/client/src/components/aktivitetsplikt/brev/LoependeUnntakInfo.tsx b/...latte-saksbehandling-ui/client/src/components/aktivitetsplikt/brev/LoependeUnntakInfo.tsx
@@ -1,6 +1,6 @@
 import { Alert } from '@navikt/ds-react'
 import React from 'react'
-import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/OppgaveVurderingRoute'
+import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/AktivitetspliktOppgaveVurderingRoutes'
 import { IAktivitetspliktVurderingNyDto } from '~shared/types/Aktivitetsplikt'
 
 function loeperUnntakEtterSisteVurdering(vurdering: IAktivitetspliktVurderingNyDto): boolean {

diff --git a/...terlatte-saksbehandling-ui/client/src/components/aktivitetsplikt/brev/UtenBrevVisning.tsx b/...terlatte-saksbehandling-ui/client/src/components/aktivitetsplikt/brev/UtenBrevVisning.tsx
@@ -1,7 +1,7 @@
 import { Oppgavestatus } from '~shared/types/oppgave'
 import { Alert, BodyShort, VStack } from '@navikt/ds-react'
 import React from 'react'
-import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/OppgaveVurderingRoute'
+import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/AktivitetspliktOppgaveVurderingRoutes'
 
 import { InfobrevKnapperad } from '~components/aktivitetsplikt/brev/VurderingInfoBrevOgOppsummering'
 import { FerdigstillAktivitetspliktOppgaveModal } from '~components/aktivitetsplikt/brev/FerdigstillAktivitetspliktOppgaveModal'

diff --git a/...terlatte-saksbehandling-ui/client/src/components/aktivitetsplikt/brev/ValgForInfobrev.tsx b/...terlatte-saksbehandling-ui/client/src/components/aktivitetsplikt/brev/ValgForInfobrev.tsx
@@ -13,7 +13,7 @@ import { ControlledRadioGruppe } from '~shared/components/radioGruppe/Controlled
 import { isFailureHandler } from '~shared/api/IsFailureHandler'
 import { PencilIcon } from '@navikt/aksel-icons'
 import { Info } from '~components/behandling/soeknadsoversikt/Info'
-import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/OppgaveVurderingRoute'
+import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/AktivitetspliktOppgaveVurderingRoutes'
 import { erOppgaveRedigerbar } from '~shared/types/oppgave'
 import { useDispatch } from 'react-redux'
 import { setAktivtetspliktbrevdata, setBrevid } from '~store/reducers/Aktivitetsplikt12mnd'

diff --git a/...andling-ui/client/src/components/aktivitetsplikt/brev/VurderingInfoBrevOgOppsummering.tsx b/...andling-ui/client/src/components/aktivitetsplikt/brev/VurderingInfoBrevOgOppsummering.tsx
@@ -1,6 +1,6 @@
 import { Box, Button, Heading, HStack } from '@navikt/ds-react'
 import { useSidetittel } from '~shared/hooks/useSidetittel'
-import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/OppgaveVurderingRoute'
+import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/AktivitetspliktOppgaveVurderingRoutes'
 import React from 'react'
 import { Aktivitetspliktbrev } from '~components/aktivitetsplikt/brev/AktivitetspliktBrev'
 import { UtenBrevVisning } from '~components/aktivitetsplikt/brev/UtenBrevVisning'

diff --git a/...sbehandling-ui/client/src/components/aktivitetsplikt/sidemeny/AktivitetspliktSidemeny.tsx b/...sbehandling-ui/client/src/components/aktivitetsplikt/sidemeny/AktivitetspliktSidemeny.tsx
@@ -1,4 +1,4 @@
-import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/OppgaveVurderingRoute'
+import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/AktivitetspliktOppgaveVurderingRoutes'
 import { Sidebar, SidebarPanel } from '~shared/components/Sidebar'
 import { BodyShort, Heading, Label, VStack } from '@navikt/ds-react'
 import { formaterOppgaveStatus } from '~utils/formatering/formatering'

diff --git a/...sbehandling-ui/client/src/components/aktivitetsplikt/stegmeny/AktivitetspliktStegmeny.tsx b/...sbehandling-ui/client/src/components/aktivitetsplikt/stegmeny/AktivitetspliktStegmeny.tsx
@@ -2,7 +2,7 @@ import { StegMenyBox } from '~components/behandling/StegMeny/stegmeny'
 import { HStack } from '@navikt/ds-react'
 import React from 'react'
 import { AktivitetNavLenke } from '~components/aktivitetsplikt/stegmeny/AktivitetspliktNavLenke'
-import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/OppgaveVurderingRoute'
+import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/AktivitetspliktOppgaveVurderingRoutes'
 
 export enum AktivitetspliktSteg {
   VURDERING = 'vurdering',

diff --git a/...tte-saksbehandling-ui/client/src/components/aktivitetsplikt/vurdering/VurderAktivitet.tsx b/...tte-saksbehandling-ui/client/src/components/aktivitetsplikt/vurdering/VurderAktivitet.tsx
@@ -8,7 +8,7 @@ import { AktivitetspliktTidslinje } from '~components/behandling/aktivitetsplikt
 import { useApiCall } from '~shared/hooks/useApiCall'
 import { hentFamilieOpplysninger } from '~shared/api/pdltjenester'
 import { velgDoedsdato } from '~components/person/aktivitet/Aktivitet'
-import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/OppgaveVurderingRoute'
+import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/AktivitetspliktOppgaveVurderingRoutes'
 import { useNavigate } from 'react-router'
 import { AktivitetspliktSteg } from '~components/aktivitetsplikt/stegmeny/AktivitetspliktStegmeny'
 import { AktivitetspliktVurdering12MndOversikt } from '~components/behandling/aktivitetsplikt/AktivitetspliktVurdering12MndOversikt'

diff --git a/...ng-ui/client/src/components/aktivitetsplikt/vurdering/VurderingAktivitetsgradOgUnntak.tsx b/...ng-ui/client/src/components/aktivitetsplikt/vurdering/VurderingAktivitetsgradOgUnntak.tsx
@@ -7,7 +7,7 @@ import {
   tekstAktivitetspliktVurderingType,
   teksterAktivitetspliktSkjoennsmessigVurdering,
 } from '~shared/types/Aktivitetsplikt'
-import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/OppgaveVurderingRoute'
+import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/AktivitetspliktOppgaveVurderingRoutes'
 import { addMonths, startOfMonth } from 'date-fns'
 import { maanederForVurdering } from '~components/aktivitetsplikt/vurdering/aktivitetsgrad/VurderingAktivitetsgradForm'
 import { useApiCall } from '~shared/hooks/useApiCall'

diff --git a/...erlatte-saksbehandling-ui/client/src/components/aktivitetsplikt/vurdering/Vurderinger.tsx b/...erlatte-saksbehandling-ui/client/src/components/aktivitetsplikt/vurdering/Vurderinger.tsx
@@ -1,4 +1,4 @@
-import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/OppgaveVurderingRoute'
+import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/AktivitetspliktOppgaveVurderingRoutes'
 import React from 'react'
 import { erOppgaveRedigerbar } from '~shared/types/oppgave'
 import { BodyShort, Box, Heading, VStack } from '@navikt/ds-react'

diff --git a/...client/src/components/aktivitetsplikt/vurdering/aktivitetsgrad/AktivitetsgradIOppgave.tsx b/...client/src/components/aktivitetsplikt/vurdering/aktivitetsgrad/AktivitetsgradIOppgave.tsx
@@ -2,7 +2,7 @@ import { tekstAktivitetspliktVurderingType } from '~shared/types/Aktivitetsplikt
 import { BodyShort, Box, Detail, ReadMore, Table, VStack } from '@navikt/ds-react'
 import { formaterDato, formaterDatoMedFallback } from '~utils/formatering/dato'
 import React from 'react'
-import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/OppgaveVurderingRoute'
+import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/AktivitetspliktOppgaveVurderingRoutes'
 import { VisAktivitetsgrad } from '~components/aktivitetsplikt/vurdering/aktivitetsgrad/VisAktivitetsgrad'
 
 export function AktivitetsgradIOppgave() {

diff --git a/...g-ui/client/src/components/aktivitetsplikt/vurdering/aktivitetsgrad/VisAktivitetsgrad.tsx b/...g-ui/client/src/components/aktivitetsplikt/vurdering/aktivitetsgrad/VisAktivitetsgrad.tsx
@@ -3,7 +3,7 @@ import {
   IAktivitetspliktVurderingNyDto,
   teksterAktivitetspliktSkjoennsmessigVurdering,
 } from '~shared/types/Aktivitetsplikt'
-import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/OppgaveVurderingRoute'
+import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/AktivitetspliktOppgaveVurderingRoutes'
 import { useApiCall } from '~shared/hooks/useApiCall'
 import { slettAktivitetspliktVurdering } from '~shared/api/aktivitetsplikt'
 import React, { useState } from 'react'

diff --git a/...t/src/components/aktivitetsplikt/vurdering/aktivitetsgrad/VurderingAktivitetsgradForm.tsx b/...t/src/components/aktivitetsplikt/vurdering/aktivitetsgrad/VurderingAktivitetsgradForm.tsx
@@ -8,7 +8,7 @@ import {
   tekstAktivitetspliktVurderingType,
   teksterAktivitetspliktSkjoennsmessigVurdering,
 } from '~shared/types/Aktivitetsplikt'
-import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/OppgaveVurderingRoute'
+import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/AktivitetspliktOppgaveVurderingRoutes'
 import { useApiCall } from '~shared/hooks/useApiCall'
 import { opprettAktivitetspliktAktivitetsgrad } from '~shared/api/aktivitetsplikt'
 import { useForm } from 'react-hook-form'

diff --git a/...i/client/src/components/aktivitetsplikt/vurdering/unntak/UnntakAktivitetspliktOppgave.tsx b/...i/client/src/components/aktivitetsplikt/vurdering/unntak/UnntakAktivitetspliktOppgave.tsx
@@ -11,7 +11,7 @@ import { FloppydiskIcon } from '@navikt/aksel-icons'
 import React from 'react'
 import { useApiCall } from '~shared/hooks/useApiCall'
 import { opprettAktivitetspliktUnntak } from '~shared/api/aktivitetsplikt'
-import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/OppgaveVurderingRoute'
+import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/AktivitetspliktOppgaveVurderingRoutes'
 import { isFailure, isPending } from '~shared/api/apiUtils'
 import { ApiErrorAlert } from '~ErrorBoundary'
 import { startOfMonth } from 'date-fns'

diff --git a/...ksbehandling-ui/client/src/components/aktivitetsplikt/vurdering/unntak/UnntakIOppgave.tsx b/...ksbehandling-ui/client/src/components/aktivitetsplikt/vurdering/unntak/UnntakIOppgave.tsx
@@ -3,7 +3,7 @@ import { tekstAktivitetspliktUnntakType } from '~shared/types/Aktivitetsplikt'
 import { BodyShort, Box, Detail, ReadMore, Table, VStack } from '@navikt/ds-react'
 import { AktivitetspliktUnntakTypeTag } from '~shared/tags/AktivitetspliktUnntakTypeTag'
 import { formaterDato, formaterDatoMedFallback } from '~utils/formatering/dato'
-import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/OppgaveVurderingRoute'
+import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/AktivitetspliktOppgaveVurderingRoutes'
 import { VisUnntak } from '~components/aktivitetsplikt/vurdering/unntak/VisUnntak'
 
 export function UnntakIOppgave() {

diff --git a/...te-saksbehandling-ui/client/src/components/aktivitetsplikt/vurdering/unntak/VisUnntak.tsx b/...te-saksbehandling-ui/client/src/components/aktivitetsplikt/vurdering/unntak/VisUnntak.tsx
@@ -1,5 +1,5 @@
 import { IAktivitetspliktUnntak, IAktivitetspliktVurderingNyDto } from '~shared/types/Aktivitetsplikt'
-import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/OppgaveVurderingRoute'
+import { useAktivitetspliktOppgaveVurdering } from '~components/aktivitetsplikt/AktivitetspliktOppgaveVurderingRoutes'
 import React, { useState } from 'react'
 import { useApiCall } from '~shared/hooks/useApiCall'
 import { slettAktivitetspliktUnntak } from '~shared/api/aktivitetsplikt'

diff --git a/apps/etterlatte-saksbehandling-ui/client/src/components/behandling/Behandling.tsx b/apps/etterlatte-saksbehandling-ui/client/src/components/behandling/Behandling.tsx
@@ -1,7 +1,6 @@
 import { useEffect } from 'react'
 import { Navigate, Route, Routes, useParams } from 'react-router-dom'
 import { hentBehandling } from '~shared/api/behandling'
-import { GridContainer, MainContent } from '~shared/styled'
 import { IBehandlingReducer, resetBehandling, setBehandling } from '~store/reducers/BehandlingReducer'
 import { StatusBar } from '~shared/statusbar/Statusbar'
 import { BehandlingRouteContext, useBehandlingRoutes } from './BehandlingRoutes'
@@ -18,6 +17,7 @@ import { mapResult } from '~shared/api/apiUtils'
 import { useSidetittel } from '~shared/hooks/useSidetittel'
 import { StickyToppMeny } from '~shared/StickyToppMeny'
 import { usePersonopplysninger } from '~components/person/usePersonopplysninger'
+import { Box, HStack } from '@navikt/ds-react'
 
 export const Behandling = () => {
   useSidetittel('Behandling')
@@ -68,17 +68,17 @@ export const Behandling = () => {
               <StatusBar ident={soeker?.foedselsnummer} />
               <StegMeny behandling={behandling} />
             </StickyToppMeny>
-            <GridContainer>
-              <MainContent>
+            <HStack height="100%" minHeight="100vh" wrap={false}>
+              <Box width="100%">
                 <Routes>
                   {routedata.behandlingRoutes.map((route) => (
                     <Route key={route.path} path={route.path} element={route.element(behandling)} />
                   ))}
                   <Route path="*" element={<Navigate to={routedata.behandlingRoutes[0].path} replace />} />
                 </Routes>
-              </MainContent>
+              </Box>
               <BehandlingSidemeny behandling={behandling} />
-            </GridContainer>
+            </HStack>
           </BehandlingRouteContext.Provider>
         )
       }