From c6e4c9fd0089f352b796d62e9d8a8966bfea03a1 Mon Sep 17 00:00:00 2001
From: Markus Johansen <markus.aleksander.rakil.johansen@nav.no>
Date: Tue, 18 Jul 2023 10:36:22 +0200
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20=20Dynamisk=20innlastning?=
 =?UTF-8?q?=20av=20feilinnmeldingsobjekter=20til=20frontend=20grid?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/components/CardsContainer.tsx | 36 ++++++++++++++++++++++----
 1 file changed, 31 insertions(+), 5 deletions(-)

diff --git a/frontend/components/CardsContainer.tsx b/frontend/components/CardsContainer.tsx
index bfc64b0..ffa44ea 100644
--- a/frontend/components/CardsContainer.tsx
+++ b/frontend/components/CardsContainer.tsx
@@ -1,18 +1,44 @@
 import FeilCard from "./FeilCard";
 
-
+type FeilMelding = {
+    tittel: String
+    beskrivelse: String
+}
 /**
  * 
  * @returns Komponent for returnering av konteiner med alle feilinnmeldingene. 
  */
 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)"
+        },
+        {
+            tittel: "Speil sier NAV må tilbakekreve sykepenger på feil grunnlag",
+            beskrivelse: "baluba"
+        },
+        {
+            tittel: "Feil A",
+            beskrivelse: "Lorem Ipsum"
+        },
+        {
+            tittel: "Feil B",
+            beskrivelse: "dolor"
+        },
+        {
+            tittel: "Håndkle på hue",
+            beskrivelse: "Bombastic side eye"
+        }
+    ]
+
     return(
         <div>
             <div className="grid grid-cols-2 gap-4">
-                <FeilCard 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)"/>  
-                <FeilCard tittel="Speil sier NAV må tilbakekreve sykepenger på feil grunnlag" beskrivelse="baluba"/>  
-                <FeilCard tittel="Feil A" beskrivelse="Dette er Feil fordi x, y, z"/>  
-                <FeilCard tittel="Feil B" beskrivelse="Lorem Ipsum"/>  
+                {feilMeldinger.map((feilMelding) => (
+                    <FeilCard tittel={feilMelding.tittel} beskrivelse={feilMelding.beskrivelse}/> 
+                ))}
             </div>     
         </div>