From 4ad4ce0a7535b699d77cf2ee527cb6e9ea6f12b7 Mon Sep 17 00:00:00 2001
From: Markus Johansen <markus.aleksander.rakil.johansen@nav.no>
Date: Wed, 5 Jul 2023 14:17:57 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=A5=20Poste=20innmeldte=20feil=20til?=
 =?UTF-8?q?=20backend?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Sindre Kjelsrud <sindre.kjelsrud@nav.no>
Co-authored-by: Amalie Mansåker <amalie.erdal.mansaker@nav.no>
---
 .../main/kotlin/no/nav/helse/sprik/Feil.kt    | 13 ++++++++
 .../no/nav/helse/sprik/plugins/Routing.kt     |  5 +++
 frontend/pages/api/http.ts                    | 13 ++++++++
 frontend/pages/feil.tsx                       | 32 ++++++++++++++++---
 frontend/pages/index.tsx                      | 17 ----------
 5 files changed, 59 insertions(+), 21 deletions(-)
 create mode 100644 backend/src/main/kotlin/no/nav/helse/sprik/Feil.kt
 create mode 100644 frontend/pages/api/http.ts

diff --git a/backend/src/main/kotlin/no/nav/helse/sprik/Feil.kt b/backend/src/main/kotlin/no/nav/helse/sprik/Feil.kt
new file mode 100644
index 0000000..57e1037
--- /dev/null
+++ b/backend/src/main/kotlin/no/nav/helse/sprik/Feil.kt
@@ -0,0 +1,13 @@
+package no.nav.helse.sprik
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class Feil(
+    val tittel: String,
+    val beskrivelse: String,
+) {
+    override fun toString(): String {
+        return "Feil(${tittel}\n${beskrivelse})"
+    }
+}
diff --git a/backend/src/main/kotlin/no/nav/helse/sprik/plugins/Routing.kt b/backend/src/main/kotlin/no/nav/helse/sprik/plugins/Routing.kt
index eb3ea04..ff68d82 100644
--- a/backend/src/main/kotlin/no/nav/helse/sprik/plugins/Routing.kt
+++ b/backend/src/main/kotlin/no/nav/helse/sprik/plugins/Routing.kt
@@ -8,6 +8,7 @@ import io.ktor.server.plugins.contentnegotiation.*
 import io.ktor.serialization.kotlinx.json.*
 import io.ktor.server.plugins.cors.routing.*
 import io.ktor.server.request.*
+import no.nav.helse.sprik.Feil
 import no.nav.helse.sprik.Test
 
 fun Application.configureRouting() {
@@ -26,6 +27,10 @@ fun Application.configureRouting() {
         }
         post("/test") {
             val test = call.receive<Test>()
+            call.respond(status = HttpStatusCode.Created, message = test)
+        }
+        post("/nyFeil"){
+            val test = call.receive<Feil>()
             println(test)
             call.respond(status = HttpStatusCode.Created, message = test)
         }
diff --git a/frontend/pages/api/http.ts b/frontend/pages/api/http.ts
new file mode 100644
index 0000000..2aeef53
--- /dev/null
+++ b/frontend/pages/api/http.ts
@@ -0,0 +1,13 @@
+import axios from "axios";
+
+export default function post(route: String, data?: Object) {
+    axios.post("http://0.0.0.0:8080/" + route, data, {
+        headers: {
+            'Content-Type': 'application/json'
+        }
+    }).then((response) => {
+        console.log(response)
+    }).catch((error) => {
+        console.log(error);
+    })
+}
\ No newline at end of file
diff --git a/frontend/pages/feil.tsx b/frontend/pages/feil.tsx
index d9f9634..e410298 100644
--- a/frontend/pages/feil.tsx
+++ b/frontend/pages/feil.tsx
@@ -1,9 +1,31 @@
 import "@navikt/ds-css";
 
+import { ArrowLeftIcon, BugIcon, UploadIcon } from "@navikt/aksel-icons";
 import { Button, Heading, TextField, Textarea } from "@navikt/ds-react";
-import { BugIcon, UploadIcon, ArrowLeftIcon } from "@navikt/aksel-icons";
+import post from  "./api/http";
+import { useState } from "react";
 
 export default function Home() {
+    const [tittel, setTittel] = useState("");
+    const [beskrivelse, setBeskrivelse] = useState("");
+
+    const handleSubmit = () => {
+        //hent ut data fra felter lagre i var
+    
+        console.log("submit");
+    
+        const data = {
+            "tittel": tittel,
+            "beskrivelse": beskrivelse
+        };
+
+        console.log(data);
+        
+    
+        post("/nyFeil", data)
+        //clear data fra felter
+    }
+
     return (
       <main className="flex flex-col justify-center gap-32 p-16">
         <div className="w-1/2 flex flex-col gap-4 justify-center">
@@ -21,11 +43,13 @@ export default function Home() {
         <div className="w-1/2 flex flex-col gap-4 justify-center">
             <TextField 
                 label="Tittel" 
-                description="En kort oppsummering av problemet" 
+                description="En kort oppsummering av problemet"
+                onChange={e => setTittel(e.target.value)}
             />
             <Textarea 
                 label="Beskrivelse" 
-                description="Detaljert beskrivelse av problemet" 
+                description="Detaljert beskrivelse av problemet"
+                onChange={e => setBeskrivelse(e.target.value)} 
             />
 
             <Button 
@@ -37,6 +61,7 @@ export default function Home() {
         </div>
         <div className="w-1/2 flex flex-col gap-2 justify-center">
             <Button
+                onClick={handleSubmit}
                 variant="primary"
             >
                 Meld inn feil
@@ -48,7 +73,6 @@ export default function Home() {
                 Gå tilbake til hovedmenyen
             </Button>
         </div>
-
       </main>
     )
   }
\ No newline at end of file
diff --git a/frontend/pages/index.tsx b/frontend/pages/index.tsx
index 9d35c22..0689625 100644
--- a/frontend/pages/index.tsx
+++ b/frontend/pages/index.tsx
@@ -11,23 +11,6 @@ export default function Home() {
   const {data, error, isLoading} = useSWR('http://0.0.0.0:8080/', fetcher);
   console.log(data);
 
-  function post() {
-    axios.post("http://0.0.0.0:8080/test", { 
-      ord: "heisann hoppsann",
-      tall: 7
-    }, {
-      headers: {
-        'Content-Type': 'application/json'
-      }
-    }).then( (response) => {
-      console.log(response)
-    }).catch( (error) => {
-      console.log(error);
-    })
-  }
-
-  post()
-
   return (
     <main className="flex justify-center">
       <div className="w-1/2 flex flex-col gap-4 justify-center text-center">