✨ Fiks kommentar backend (#27)

* 🚧 Påbegynt kommentarhåndtering

WIP: Kommentarer vises ikke i frontend

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

* 💄🐛 Bruker switch til å endre om sak haster i redigering

BUG: La også til kommentar-field for å unngå BAD_REQUEST på Posting av nye feil

* 💄 Gjør små styling forbedringer, forbedret UU ved å lage skillelinjer i forms

* ♿️ La til heading på Switch i redigeringsskjema

* ✨ Saker som meldes inn kan merkes som haster fra innmelding (#24)

Co-authored-by: Sid <93219711+SindreKjelsrud@users.noreply.github.com>

* Kommentarer frontend (#26)

* 💄 Laget mulighet for å skrive inn og submitte kommentar

* 💄 Gjorde kommentar til en "notat-klistrelapp"

* 🚑 Frontend bruker oppdaterkommentar endepunktet

* 🚧 Påbegynt kommentarhåndtering

WIP: Kommentarer vises ikke i frontend

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

* 🔥 Fjerner ubrukte felt

Co-authored-by: Sindre Kjelsrud <sindre.kjelsrud@nav.no>

* ✨ Kommentarer til feilmeldinger vises i frontend

Vises foreløpig ikke riktig i frontend, men det vises

Co-authored-by: Sindre Kjelsrud <sindre.kjelsrud@nav.no>

---------

Co-authored-by: Amalie Erdal Mansåker <amalie.erdal.mansaker@nav.no>
Co-authored-by: Markus Johansen <markus.aleksander.rakil.johansen@nav.no>
Co-authored-by: Markus A. R. Johansen <90006516+J0hans1@users.noreply.github.com>

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 

frontend/src/components/FeilModal.tsx

@@ -11,7 +11,7 @@ interface modalInterface {
 const FeilModal = (props: modalInterface) => {
     return(                  
         <Modal
-            className="w-3/5 min-w-2/4 p-5"
+            className="w-3/5 p-5"
             open={props.open}
             aria-label={" modal"}
             onClose={() => props.setOpen(false)}

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

@@ -7,15 +7,17 @@ import Skillelinje from "./Skillelinje"
 import axios from "axios"
 
 const FeilmeldingsInnhold = (props: FeilmeldingsInnholdInterface) => {
-    const [kommentar, setKommentar] = useState("") 
-    const [kommentarfelt, setKommentarfelt] = useState("")
+    const [kommentar, setKommentar] = useState(props.kommentar ? props.kommentar : "") 
+    const [kommentarfelt, setKommentarfelt] = useState("") 
 
     const oppdaterkommentar = async() => {
-        setKommentar(kommentarfelt)
+        console.log(kommentarfelt)
+        console.log(kommentar);
+        
 
         const payload = {
             id: props.id,
-            tittel: kommentar,
+            kommentar: kommentarfelt,
         }
 
         await axios.put("/api/oppdaterkommentar", payload, {
@@ -66,7 +68,10 @@ const FeilmeldingsInnhold = (props: FeilmeldingsInnholdInterface) => {
                 <KommentarTekstfelt
                     kommentarfelt={kommentarfelt} 
                     setKommentarfelt={setKommentarfelt}
-                    oppdaterKommentar={() => oppdaterkommentar()}
+                    oppdaterKommentar={() => {
+                        setKommentar(kommentarfelt)
+                        oppdaterkommentar()}
+                    }
                 /> 
                     : 
                 <Kommentar 

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

@@ -25,10 +25,10 @@ const RedigeringsVerktoy = (props: redigeringsInterface) => {
             beskrivelse: beskrivelse,
             dato: props.dato.toISOString().replace('Z', ''),
             arbeidsstatus: arbeidsstatus,
-            haster: haster
+            haster: haster,
         }
 
-        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 {
@@ -24,8 +25,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.
@@ -37,8 +39,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);    
     }