From fc6be8f02c368bb2c91b0bf6c3125ab7c7902760 Mon Sep 17 00:00:00 2001
From: "Markus A. R. Johansen" <90006516+J0hans1@users.noreply.github.com>
Date: Thu, 20 Jul 2023 16:01:36 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20bygger=20basen=20for=20API=20for=20?=
 =?UTF-8?q?henting=20av=20alle=20feilmeldinger=20fra=20database=20til=20fr?=
 =?UTF-8?q?ontend=20(#13)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../no/nav/helse/sprik/plugins/Routing.kt     |  3 ++
 frontend/src/components/CardsContainer.tsx    | 44 ++++++++++++++-----
 frontend/src/index.tsx                        |  4 +-
 frontend/src/interface.ts                     |  1 +
 frontend/src/pages/feil.tsx                   |  3 --
 5 files changed, 39 insertions(+), 16 deletions(-)

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 3f258fe..b94e557 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
@@ -56,6 +56,9 @@ fun configureRouting(): ApplicationEngine = embeddedServer(CIO, applicationEngin
                 feilmeldingRepository.lagre(feilmelding)
                 call.respond(status = HttpStatusCode.Created, message = "Feilmelding motatt og sendt til database")
             }
+            get("/api/hentfeil"){
+                call.respond(status = HttpStatusCode.Created, message = "Prøver å hente feil fra DB")
+            }
         }
     }
     connector {
diff --git a/frontend/src/components/CardsContainer.tsx b/frontend/src/components/CardsContainer.tsx
index cacf5bd..392c106 100644
--- a/frontend/src/components/CardsContainer.tsx
+++ b/frontend/src/components/CardsContainer.tsx
@@ -1,35 +1,52 @@
+import axios from "axios"
 import FeilCard from "./FeilCard"
+import useSWR from "swr"
 /**
  * 
  * @returns Komponent for returnering av konteiner med alle feilinnmeldingene. 
  */
+const fetcher = (url: RequestInfo | URL) => fetch(url).then(r => r.json())
+
+
+const fetchFeil = () => {    
+    const {data, error, isLoading } = useSWR("/api/hentFeil", fetcher)
+    if (error) return <div>failed to load</div>
+    if (isLoading) return <div>loader</div>
+    return <div>hello {data.name}!</div>
+}
+
 const CardsContainer = () => {
     
     const feilMeldinger: Feilmelding[] = [
         {
             tittel: "Mangel på hensyn til tariffoppgjør",
             beskrivelse: "Det har vært ett tariffoppgjør og speil sier sykepengene må tilbakekreves, noe som er feil. (sier vi.. har ikke domenekunnskap)",
-            haster: false
+            haster: false,
+            dato: new Date()
         },
         {
             tittel: "Speil sier NAV må tilbakekreve sykepenger på feil grunnlag",
             beskrivelse: "baluba",
-            haster: true
+            haster: true,
+            dato: new Date()
         },
         {
             tittel: "Feil A",
             beskrivelse: "Lorem Ipsum",
-            haster: false
+            haster: false,
+            dato: new Date()
         },
         {
             tittel: "Feil B",
             beskrivelse: "dolor",
-            haster: false
+            haster: false,
+            dato: new Date()
         },
         {
             tittel: "Håndkle på hue",
             beskrivelse: "Bombastic side eye",
-            haster: true
+            haster: true,
+            dato: new Date()
         }
     ]
 
@@ -38,13 +55,18 @@ const CardsContainer = () => {
             <div className="grid grid-cols-2 gap-4">
                 {feilMeldinger.map((feilMelding) => (
                     <FeilCard 
-                        key={feilMeldinger.indexOf(feilMelding)} 
-                        tittel={feilMelding.tittel} 
-                        beskrivelse={feilMelding.beskrivelse} 
-                        haster={feilMelding.haster}
-                    /> 
+                        key={feilMeldinger.indexOf(feilMelding)}
+                        tittel={feilMelding.tittel}
+                        beskrivelse={feilMelding.beskrivelse}
+                        haster={feilMelding.haster} 
+                        dato={new Date()}                    /> 
                 ))}
-            </div>     
+            </div> 
+            <div>
+                <br/>
+                <p>Forsøker å loade feil objekter her:</p>
+                {fetchFeil()}
+            </div>    
         </div>
 
     )
diff --git a/frontend/src/index.tsx b/frontend/src/index.tsx
index 4127920..e1717be 100644
--- a/frontend/src/index.tsx
+++ b/frontend/src/index.tsx
@@ -15,9 +15,9 @@ export default function Home() {
       <Header/>
       <div className="flex grow">
         <Filtermeny/>
-        <div className="grow bg-bg-subtle px-32 py-10 flex flex-col gap-10">
+        <div className="grow bg-bg-subtle px-32 py-8 flex flex-col gap-10">
           <div className="flex gap-12 items-end">
-            <Search label="Søkefelt" hideLabel={false}/>
+            <Search label="Søkefelt" description="Søk gjennom innmeldte feil (nøkkelord, tags, status)" hideLabel={false}/>
             <Button 
               className="w-64 h-min" 
               icon={<PlusIcon/>}
diff --git a/frontend/src/interface.ts b/frontend/src/interface.ts
index 352db82..4fb8190 100644
--- a/frontend/src/interface.ts
+++ b/frontend/src/interface.ts
@@ -7,4 +7,5 @@ interface Feilmelding {
     tittel: String,
     beskrivelse: String
     haster: boolean
+    dato: Date
 }
\ No newline at end of file
diff --git a/frontend/src/pages/feil.tsx b/frontend/src/pages/feil.tsx
index 70c1a33..d8745b2 100644
--- a/frontend/src/pages/feil.tsx
+++ b/frontend/src/pages/feil.tsx
@@ -75,9 +75,6 @@ export default function Feil() {
                         <Button
                             variant="tertiary"
                             icon={<ArrowLeftIcon />}
-                            // onClick={() => {
-                            //     router.push('/')
-                            // }}
                             onClick={() => navigate("/")}
                         >
                             Gå tilbake til hovedmenyen