🚧 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'
             }