UPDATE: to handle new or existing behandlingens livslop for etterleve…

…lse dokumentasjon

Co-authored-by: andregroseth <[email protected]>

apps/frontend/src/AppRoutes.tsx

@@ -144,7 +144,7 @@ const AppRoutes = (): JSX.Element => {
       <Route path="/dokumentasjon/:id" element={<DokumentasjonPage />} caseSensitive={true} />
       <Route path="/dokumentasjon/:id/:tema" element={<DokumentasjonPage />} caseSensitive={true} />
       <Route
-        path="/dokumentasjon/:id/behandlingens-livslop"
+        path="/dokumentasjon/:id/behandlingens-livslop/:behandlingsLivslopId"
         element={<BehandlingensLivslopPage />}
         caseSensitive={true}
       />

apps/frontend/src/api/BehandlingensLivslopApi.ts

@@ -164,14 +164,14 @@ export const mapBehandlingensLivslopToFormValue = (
 }
 
 export const mapBehandlingensLivslopRequestToFormValue = (
-  behandlingensLivslop: Partial<IBehandlingensLivslopRequest>
+  behandlingensLivslop: Partial<IBehandlingensLivslop>
 ): IBehandlingensLivslopRequest => {
   return {
     id: behandlingensLivslop.id || '',
     changeStamp: behandlingensLivslop.changeStamp || { lastModifiedDate: '', lastModifiedBy: '' },
     version: -1,
     etterlevelseDokumentasjonId: behandlingensLivslop.etterlevelseDokumentasjonId || '',
     beskrivelse: behandlingensLivslop.beskrivelse || '',
-    filer: behandlingensLivslop.filer || [],
+    filer: [],
   }
 }

apps/frontend/src/pages/BehandlingensLivslopPage.tsx

@@ -18,6 +18,7 @@ import {
   getBehandlingensLivslopByEtterlevelseDokumentId,
   mapBehandlingensLivslopRequestToFormValue,
   updateBehandlingensLivslop,
+  useBehandlingensLivslop,
 } from '../api/BehandlingensLivslopApi'
 import { useEtterlevelseDokumentasjon } from '../api/EtterlevelseDokumentasjonApi'
 import { getPvkDokumentByEtterlevelseDokumentId } from '../api/PvkDokumentApi'
@@ -42,10 +43,12 @@ export const BehandlingensLivslopPage = () => {
   const params: Readonly<
     Partial<{
       id?: string
+      behandlingsLivslopId?: string
     }>
-  > = useParams<{ id?: string }>()
+  > = useParams<{ id?: string; behandlingsLivslopId?: string }>()
   const [etterlevelseDokumentasjon, , isEtterlevelseDokumentasjonLoading] =
     useEtterlevelseDokumentasjon(params.id)
+  const [behandlingsLivslop] = useBehandlingensLivslop(params.behandlingsLivslopId)
   const [tilPvkDokument, setTilPvkDokument] = useState<boolean>(false)
   const [tilTemaOversikt, setTilTemaOversikt] = useState<boolean>(false)
   const [pvkDokument, setPvkDokument] = useState<IPvkDokument>()
@@ -149,6 +152,7 @@ export const BehandlingensLivslopPage = () => {
 
       {!isEtterlevelseDokumentasjonLoading &&
         etterlevelseDokumentasjon &&
+        behandlingsLivslop &&
         !etterlevelseDokumentasjon.hasCurrentUserAccess &&
         !user.isAdmin() && (
           <div className="flex w-full justify-center mt-5">
@@ -166,13 +170,16 @@ export const BehandlingensLivslopPage = () => {
 
       {!isEtterlevelseDokumentasjonLoading &&
         etterlevelseDokumentasjon &&
+        behandlingsLivslop &&
         (etterlevelseDokumentasjon.hasCurrentUserAccess || user.isAdmin()) && (
           <div className="flex w-full">
             <Formik
               validateOnBlur={false}
               validateOnChange={false}
               onSubmit={submit}
-              initialValues={mapBehandlingensLivslopRequestToFormValue({})}
+              initialValues={mapBehandlingensLivslopRequestToFormValue(
+                behandlingsLivslop as IBehandlingensLivslop
+              )}
             >
               {({ initialValues, submitForm }) => (
                 <Form>

apps/frontend/src/pages/DokumentasjonPage.tsx

@@ -3,6 +3,7 @@ import { Alert, BodyShort, Button, Heading, Label, Link, List, ReadMore } from '
 import { useEffect, useState } from 'react'
 import { hotjar } from 'react-hotjar'
 import { NavigateFunction, useNavigate, useParams } from 'react-router-dom'
+import { getBehandlingensLivslopByEtterlevelseDokumentId } from '../api/BehandlingensLivslopApi'
 import { getDocumentRelationByToIdAndRelationTypeWithData } from '../api/DocumentRelationApi'
 import { useEtterlevelseDokumentasjon } from '../api/EtterlevelseDokumentasjonApi'
 import { getPvkDokumentByEtterlevelseDokumentId } from '../api/PvkDokumentApi'
@@ -14,6 +15,7 @@ import DokumentasjonPageTabs from '../components/etterlevelseDokumentasjon/tabs/
 import { PageLayout } from '../components/scaffold/Page'
 import {
   ERelationType,
+  IBehandlingensLivslop,
   IBreadCrumbPath,
   IDocumentRelationWithEtterlevelseDokumetajson,
   IEtterlevelseDokumentasjonStats,
@@ -49,6 +51,7 @@ export const DokumentasjonPage = () => {
     useState<IDocumentRelationWithEtterlevelseDokumetajson>()
   const [relasjonLoading, setRelasjonLoading] = useState(false)
   const [pvkDokument, setPvkDokument] = useState<IPvkDokument>()
+  const [behandlingsLivslop, setBehandlingsLivslop] = useState<IBehandlingensLivslop>()
 
   const {
     data: relevanteData,
@@ -130,6 +133,12 @@ export const DokumentasjonPage = () => {
             if (response) setPvkDokument(response)
           })
           .catch(() => undefined)
+
+        await getBehandlingensLivslopByEtterlevelseDokumentId(etterlevelseDokumentasjon.id)
+          .then((response: IBehandlingensLivslop) => {
+            if (response) setBehandlingsLivslop(response)
+          })
+          .catch(() => undefined)
       })()
     }
   }, [etterlevelseDokumentasjon])
@@ -236,11 +245,17 @@ export const DokumentasjonPage = () => {
                         (etterlevelseDokumentasjon.hasCurrentUserAccess || user.isAdmin()) && (
                           <Button
                             onClick={() => {
-                              navigate(
+                              let behandlingensLivlopUrl =
                                 '/dokumentasjon/' +
-                                  etterlevelseDokumentasjon.id +
-                                  '/behandlingens-livslop/'
-                              )
+                                etterlevelseDokumentasjon.id +
+                                '/behandlingens-livslop/'
+
+                              if (behandlingsLivslop) {
+                                behandlingensLivlopUrl += behandlingsLivslop.id
+                              } else {
+                                behandlingensLivlopUrl += 'ny'
+                              }
+                              navigate(behandlingensLivlopUrl)
                             }}
                             size="small"
                             variant="primary"