From e29fef96cf977cf662d96b3cbb59afafedf2c8f0 Mon Sep 17 00:00:00 2001
From: Markus Johansen <markus.aleksander.rakil.johansen@nav.no>
Date: Thu, 13 Jul 2023 15:43:28 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84Fjernet=20bl=C3=A5=20bakgrunn=20p?=
 =?UTF-8?q?=C3=A5=20feilmeldingsgrid,=20gjorde=20innmelding=20av=20feil=20?=
 =?UTF-8?q?lavere=20og=20tittel+beskrivelse=20props=20p=C3=A5=20FeilCard?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/components/BildeOpplastning.tsx |  2 +-
 frontend/components/CardsContainer.tsx   | 18 ++++++------------
 frontend/components/FeilCard.tsx         | 13 +++++++++----
 frontend/pages/feil/index.tsx            |  4 ++--
 4 files changed, 18 insertions(+), 19 deletions(-)

diff --git a/frontend/components/BildeOpplastning.tsx b/frontend/components/BildeOpplastning.tsx
index b3b6be3..e66ebe2 100644
--- a/frontend/components/BildeOpplastning.tsx
+++ b/frontend/components/BildeOpplastning.tsx
@@ -11,7 +11,7 @@ const BildeOpplastning = () => {
     return(
         <div className="flex gap-2 flex-col">
             <div className="
-                h-64 p-5 bg-bg-subtle hover:bg-surface-selected border-2 border-blue-500
+                h-48 p-5 bg-bg-subtle hover:bg-surface-selected border-2 border-blue-500
                 rounded-lg border-dashed flex flex-col items-center justify-center text-center gap-2 
             ">
             {/*
diff --git a/frontend/components/CardsContainer.tsx b/frontend/components/CardsContainer.tsx
index 80014eb..bfc64b0 100644
--- a/frontend/components/CardsContainer.tsx
+++ b/frontend/components/CardsContainer.tsx
@@ -8,18 +8,12 @@ import FeilCard from "./FeilCard";
 const CardsContainer = () => {
     return(
         <div>
-            <div className="bg-red-500 grid grid-cols-2 gap-4">
-                <FeilCard />  
-                <FeilCard />  
-                <FeilCard />  
-                <FeilCard />  
-            </div>
-            <div className="bg-blue-500 flex flex-row flex-wrap gap-4">
-                <FeilCard />  
-                <FeilCard />  
-                <FeilCard />  
-                <FeilCard />  
-            </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"/>  
+            </div>     
         </div>
 
     )
diff --git a/frontend/components/FeilCard.tsx b/frontend/components/FeilCard.tsx
index b972ce2..f54a91c 100644
--- a/frontend/components/FeilCard.tsx
+++ b/frontend/components/FeilCard.tsx
@@ -1,9 +1,14 @@
 import "@navikt/ds-css";
 import { ExpansionCard, Tag } from "@navikt/ds-react";
 
+interface feilmeldingInterface {
+    tittel: String,
+    beskrivelse: String
+}
+
 const TagBar = () => {
     return (
-        <div className="flex gap-8">
+        <div className="flex gap-8 mt-4">
             <Tag variant="info">Jobbes med</Tag>
             <div className="flex gap-2">
                 <Tag variant="neutral">Spleiselaget</Tag>
@@ -13,13 +18,13 @@ const TagBar = () => {
     )
 }
 
-const FeilCard = () => {
+const FeilCard = (props: feilmeldingInterface) => {
     return (
         <ExpansionCard aria-label="tekst">
             <ExpansionCard.Header>
-                <ExpansionCard.Title>Dummy</ExpansionCard.Title>
+                <ExpansionCard.Title>{props.tittel}</ExpansionCard.Title>
                 <ExpansionCard.Description>
-                    Dummy Dummy Java 
+                    {props.beskrivelse}
                 </ExpansionCard.Description>
                 <TagBar />
             </ExpansionCard.Header>
diff --git a/frontend/pages/feil/index.tsx b/frontend/pages/feil/index.tsx
index e9c7ae6..c3edb4b 100644
--- a/frontend/pages/feil/index.tsx
+++ b/frontend/pages/feil/index.tsx
@@ -28,8 +28,8 @@ export default function Feil() {
             <Header/>
             <div className="flex grow">
                 <div className="w-1/4 bg-bg-subtle"></div>
-                <div className="flex flex-col justify-center gap-32 p-16 grow">
-                    <div className="w-1/2 flex flex-col gap-4 justify-center">
+                <div className="flex flex-col justify-center gap-16 p-8 px-16  grow">
+                    <div className=" flex flex-col gap-2 justify-center">
                         <BugIcon
                             title="Insekts ikon"
                             fontSize="3rem"