🚧 Påbegynt kommentarhåndtering

WIP: Kommentarer vises ikke i frontend

Co-authored-by: Amalie Erdal Mansåker <amalie.erdal.mansaker@nav.no>

frontend/src/components/FeilKort.tsx

@@ -44,6 +44,7 @@ const FeilKort = (props: IFeilKort) => {
                     dato={props.dato}
                     haster={props.haster}
                     arbeidsstatus={props.arbeidsstatus}
+                    kommentar={props.kommentar}
                 />
             </div>
             <FeilModal open={visModal} setOpen={setVisModal} >

frontend/src/components/FeilkortHeader.tsx

@@ -20,7 +20,8 @@ export const FeilkortHeader = (props: IFeilmelding) => {
                 <p className="text-text-subtle mb-4">{props.dato.toDateString()}</p>
                 <p>{props.beskrivelse}</p>    
             </div>
-            <TagBar haster={props.haster} arbeidsstatus={props.arbeidsstatus}/>              
+            <TagBar haster={props.haster} arbeidsstatus={props.arbeidsstatus}/> 
+            <p>{props.kommentar}</p>             
         </div>
     )
 }

frontend/src/components/FeilmeldingsInnhold.tsx

@@ -35,6 +35,7 @@ const FeilmeldingsInnhold = (props: FeilmeldingsInnholdInterface) => {
             </div>
             <div className="h-2 bg-gray-200 my-4 rounded-lg"></div>
             {props.children}
+            Test: {props.kommentar ? props.kommentar : "null"}
         </div>
     )
 }

frontend/src/components/KortKonteiner.tsx

@@ -21,9 +21,10 @@ const KortKonteiner = (props: IKortKonteiner) => {
               tittel={feilMelding.tittel}
               beskrivelse={feilMelding.beskrivelse}
               dato={new Date()}
-              haster={feilMelding.haster}
               arbeidsstatus={feilMelding.arbeidsstatus}
+              haster={feilMelding.haster}
               reset={props.reset}
+              kommentar={feilMelding.kommentar}
             />         
             ))
           }

frontend/src/components/RedigeringsVerktoy.tsx

@@ -13,6 +13,7 @@ const RedigeringsVerktoy = (props: redigeringsInterface) => {
     const [beskrivelse, setBeskrivelse] = useState(props.beskrivelse)
     const [arbeidsstatus, setArbeidsstatus] = useState(props.arbeidsstatus)
     const [haster, setHaster] = useState(props.haster)
+    const [kommentar, setKommentar] = useState(props.kommentar)
 
     const lagreEndringer = async() => {
         props.setVisModal(false)
@@ -24,10 +25,11 @@ const RedigeringsVerktoy = (props: redigeringsInterface) => {
             beskrivelse: beskrivelse,
             dato: props.dato.toISOString().replace('Z', ''),
             arbeidsstatus: arbeidsstatus,
-            haster: haster
+            haster: haster,
+            kommentar: (kommentar ? kommentar : null)
         }
 
-        await axios.put(`/api/oppdaterfeil/${props.id}`, payload, {
+        await axios.put(`/api/oppdaterfeil/`, payload, {
             headers: {
                 'Content-Type': 'application/json'
             }

frontend/src/interface.ts

@@ -1,4 +1,4 @@
-/*
+/**
  * I denne filen kan vi legge interfaces som skal brukes over flere steder!
  */
 
@@ -8,8 +8,9 @@ export interface IFeilmelding {
     tittel: string,
     beskrivelse: string
     dato: Date
-    haster: boolean
     arbeidsstatus: number
+    haster: boolean
+    kommentar?: string
 }
 
 export interface FeilmeldingsInnholdInterface extends IFeilmelding {
@@ -23,8 +24,9 @@ export class Feilmelding implements IFeilmelding {
     tittel: string = "default tittel"
     beskrivelse: string = "default beskrivelse"
     dato: Date = new Date()
-    haster: boolean = false
     arbeidsstatus: number = 0
+    haster: boolean = false
+    kommentar?: string = undefined
 
     /**
      * Typescript 2.1 syntax som lar deg sende inn et JSON object og mappe det til class.
@@ -36,8 +38,9 @@ export class Feilmelding implements IFeilmelding {
             tittel: string
             beskrivelse: string
             dato: Date
-            haster: boolean
             arbeidsstatus: number
+            haster: boolean
+            kommentar: string
         }) {
         if (fields) Object.assign(this, fields);    
     }

frontend/src/pages/feil.tsx

@@ -22,7 +22,8 @@ export default function Feil() {
             beskrivelse: beskrivelse,
             dato: new Date().toISOString().replace('Z', ''), // Litt wack fix, burde endres
             arbeidsstatus: 0,
-            haster: false
+            haster: false,
+            kommentar: null
         }
         
         axios.post("/api/nyfeil", payload, {