From 95434321b691f5865d2a7b624c677510c357a9ab Mon Sep 17 00:00:00 2001
From: Markus Johansen <markus.aleksander.rakil.johansen@nav.no>
Date: Tue, 18 Jul 2023 15:41:23 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A7=20API=20for=20henting=20av=20feilm?=
 =?UTF-8?q?eldinger?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/components/CardsContainer.tsx | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/frontend/components/CardsContainer.tsx b/frontend/components/CardsContainer.tsx
index 6dc4dda..cb93715 100644
--- a/frontend/components/CardsContainer.tsx
+++ b/frontend/components/CardsContainer.tsx
@@ -1,15 +1,24 @@
+import axios from "axios";
 import FeilCard from "./FeilCard";
+import useSWR from "swr";
 
 type FeilMelding = {
     tittel: String
     beskrivelse: String
 }
+
+function hentFeilmeldinger() {
+    const fetcher = (url: any) => axios.get(url).then(res => res.data)
+    const {data, error, isLoading} = useSWR('http://0.0.0.0:8080/hentFeil', fetcher);
+    if (error) return <div>failed to load: {error.message}</div>
+    if (isLoading) return <div>Loading...</div>
+    return data
+}
 /**
  * 
  * @returns Komponent for returnering av konteiner med alle feilinnmeldingene. 
  */
 const CardsContainer = () => {
-    
     const feilMeldinger: FeilMelding[] = [
         {
             tittel: "Mangel på hensyn til tariffoppgjør",
@@ -39,7 +48,13 @@ const CardsContainer = () => {
                 {feilMeldinger.map((feilMelding) => (
                     <FeilCard key={feilMelding.toString()} tittel={feilMelding.tittel} beskrivelse={feilMelding.beskrivelse}/> 
                 ))}
-            </div>     
+            </div>
+            <p>
+                Her testes fetching:
+            </p> 
+            <div>
+                {hentFeilmeldinger()}
+            </div>    
         </div>
 
     )