ADD: logic for parsing and transforming of file from backend

Co-authored-by: andregroseth <[email protected]>
navikt · Nov 19, 2024 · 14ac3db · 14ac3db
1 parent c14b4b3
commit 14ac3db
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 3 deletions.
diff --git a/apps/frontend/package.json b/apps/frontend/package.json
@@ -19,6 +19,7 @@
     "@types/react-draft-wysiwyg": "^1.13.5",
     "amplitude-js": "^8.21.9",
     "axios": "^1.5.1",
+    "buffer": "^6.0.3",
     "core-js": "^3.32.2",
     "depcheck": "^1.4.7",
     "draft-js": "^0.11.7",

diff --git a/apps/frontend/src/api/BehandlingensLivslopApi.ts b/apps/frontend/src/api/BehandlingensLivslopApi.ts
@@ -1,4 +1,5 @@
 import axios from 'axios'
+import { Buffer } from 'buffer'
 import { useEffect, useState } from 'react'
 import { IBehandlingensLivslop, IBehandlingensLivslopRequest, IPageResponse } from '../constants'
 import { env } from '../util/env'
@@ -166,12 +167,27 @@ export const mapBehandlingensLivslopToFormValue = (
 export const mapBehandlingensLivslopRequestToFormValue = (
   behandlingensLivslop: Partial<IBehandlingensLivslop>
 ): IBehandlingensLivslopRequest => {
+  const filer: File[] = []
+  if (
+    behandlingensLivslop &&
+    behandlingensLivslop.filer &&
+    behandlingensLivslop.filer?.length > 0
+  ) {
+    behandlingensLivslop.filer.forEach((fil) => {
+      const decodedBase64File = Buffer.from(fil.fil, 'base64')
+      const parsedFile = Uint8Array.from(decodedBase64File)
+      const blob = new Blob([parsedFile], { type: fil.filtype })
+      const file = new File([blob], fil.filnavn, { type: fil.filtype })
+      filer.push(file)
+    })
+  }
+
   return {
     id: behandlingensLivslop.id || '',
     changeStamp: behandlingensLivslop.changeStamp || { lastModifiedDate: '', lastModifiedBy: '' },
     version: -1,
     etterlevelseDokumentasjonId: behandlingensLivslop.etterlevelseDokumentasjonId || '',
     beskrivelse: behandlingensLivslop.beskrivelse || '',
-    filer: [],
+    filer: filer,
   }
 }
diff --git a/apps/frontend/src/components/behandlingensLivlop/CustomFileUpload.tsx b/apps/frontend/src/components/behandlingensLivlop/CustomFileUpload.tsx
@@ -36,7 +36,7 @@ export const CustomFileUpload = (props: IProps) => {
       })
       setFiles(initialFiles)
     }
-  }, [])
+  }, [initialValues])
 
   const removeFile = (fileToRemove: FileObject) => {
     setFiles(files.filter((file) => file !== fileToRemove))

diff --git a/apps/frontend/src/pages/BehandlingensLivslopPage.tsx b/apps/frontend/src/pages/BehandlingensLivslopPage.tsx
@@ -181,7 +181,7 @@ export const BehandlingensLivslopPage = () => {
                 behandlingsLivslop as IBehandlingensLivslop
               )}
             >
-              {({ initialValues, submitForm }) => (
+              {({ submitForm, initialValues }) => (
                 <Form>
                   <div className="pr-4 flex flex-1 flex-col gap-4 col-span-8">
                     <BodyShort>