From 011eda1941293ff544afef19890dec4a2bf1c916 Mon Sep 17 00:00:00 2001
From: Markus Johansen <markus.aleksander.rakil.johansen@nav.no>
Date: Thu, 3 Aug 2023 10:05:12 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=91=20Frontend=20bruker=20oppdaterkomm?=
 =?UTF-8?q?entar=20endepunktet?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/FeilmeldingsInnhold.tsx    | 34 ++++++++++++++-----
 frontend/src/interface.ts                     |  1 +
 2 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/FeilmeldingsInnhold.tsx b/frontend/src/components/FeilmeldingsInnhold.tsx
index e19a662..caa3c6d 100644
--- a/frontend/src/components/FeilmeldingsInnhold.tsx
+++ b/frontend/src/components/FeilmeldingsInnhold.tsx
@@ -4,12 +4,34 @@ import { FeilmeldingsInnholdInterface } from "../interface"
 import FeilkortHeader from "./FeilkortHeader"
 import { useState } from "react"
 import Skillelinje from "./Skillelinje"
+import axios from "axios"
 
 
 const FeilmeldingsInnhold = (props: FeilmeldingsInnholdInterface) => {
     const [kommentar, setKommentar] = useState("") 
     const [kommentarfelt, setKommentarfelt] = useState("")
 
+    const oppdaterkommentar = async() => {
+        setKommentar(kommentarfelt)
+
+        const payload = {
+            id: props.id,
+            tittel: kommentar,
+        }
+
+        await axios.put("/api/oppdaterkommentar", payload, {
+            headers: {
+                'Content-Type': 'application/json'
+            }
+        }).then((response) => {
+            console.log(response);
+        }).catch((error) => {
+            console.log(error);
+        })
+
+        props.reset()
+    }
+
     return(
         <div>
             <div className="flex justify-between">
@@ -45,13 +67,11 @@ const FeilmeldingsInnhold = (props: FeilmeldingsInnholdInterface) => {
                 <KommentarTekstfelt
                     kommentarfelt={kommentarfelt} 
                     setKommentarfelt={setKommentarfelt}
-                    setKommentar={setKommentar}
+                    oppdaterKommentar={() => oppdaterkommentar()}
                 /> 
                     : 
                 <Kommentar 
                     tekst={kommentar}
-                    setKommentarfelt={setKommentarfelt}
-                    setKommentar={setKommentar}
                 />
             }
         </div>
@@ -62,13 +82,13 @@ export default FeilmeldingsInnhold;
 
 interface Ikommentar {
     setKommentarfelt: (val: string) => void
-    setKommentar: (val: string) => void     
+    oppdaterKommentar: () => void
 }
 
 interface kommentarTekstfeltInterface extends Ikommentar{
     kommentarfelt: string,
 }
-interface kommentarInterface extends Ikommentar {
+interface kommentarInterface {
     tekst: string
 }
 
@@ -86,9 +106,7 @@ const KommentarTekstfelt = (props: kommentarTekstfeltInterface) => {
             <Button
                 variant="secondary"
                 icon={<ChatElipsisIcon/>}
-                onClick={() => {
-                    props.setKommentar(props.kommentarfelt)
-                }}
+                onClick={() => props.oppdaterKommentar()}
             >
                 Legg til kommentar
             </Button>
diff --git a/frontend/src/interface.ts b/frontend/src/interface.ts
index a95a0aa..6b698b4 100644
--- a/frontend/src/interface.ts
+++ b/frontend/src/interface.ts
@@ -16,6 +16,7 @@ export interface FeilmeldingsInnholdInterface extends IFeilmelding {
     children?: React.ReactNode
     setRedigeringsmodus: (redigeringsmodus: boolean) => void
     setVisModal: (visModal: boolean) => void
+    reset: () => void
 }
 
 export class Feilmelding implements IFeilmelding {