From aa756f266db63e49962d1e4f67992e6670abf178 Mon Sep 17 00:00:00 2001
From: Markus Johansen <markus.aleksander.rakil.johansen@nav.no>
Date: Tue, 1 Aug 2023 10:16:33 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=8D=B1=20Oppdaterer=20interface=20fronten?=
 =?UTF-8?q?d=20for=20=C3=A5=20matche=20nye=20felt=20haster=20og=20arbeidss?=
 =?UTF-8?q?tatus?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/FeilCard.tsx | 18 +++++++++++++++---
 frontend/src/interface.ts            |  7 ++++++-
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/FeilCard.tsx b/frontend/src/components/FeilCard.tsx
index d71eded..d0e2383 100644
--- a/frontend/src/components/FeilCard.tsx
+++ b/frontend/src/components/FeilCard.tsx
@@ -31,10 +31,22 @@ export const FeilKort = (props: IFeilKort) => {
                 active:bg-surface-active"
                 onClick={() => setVisModal(true)}
             >
-                <FeilkortHeader tittel={props.tittel} beskrivelse={props.beskrivelse} dato={props.dato}/>
+                <FeilkortHeader 
+                    tittel={props.tittel}
+                    beskrivelse={props.beskrivelse}
+                    dato={props.dato}
+                    haster={props.haster}
+                    arbeidsstatus={props.arbeidsstatus}
+                />
             </div>
             <FeilModal open={visModal} setOpen={setVisModal} >
-                <FeilkortHeader tittel={props.tittel} beskrivelse={props.beskrivelse} dato={new Date()} />
+                <FeilkortHeader 
+                    tittel={props.tittel}
+                    beskrivelse={props.beskrivelse}
+                    dato={props.dato}
+                    haster={props.haster}
+                    arbeidsstatus={props.arbeidsstatus}
+                />
                 <div className="h-2 bg-gray-200 my-4 rounded-lg"></div>
                 {/* TODO: HER KOMMER CONTENT */}
             </FeilModal>
@@ -60,7 +72,7 @@ export const FeilkortHeader = (props: IFeilmelding) => {
                 <p className="text-text-subtle mb-4">{props.dato.toDateString()}</p>
                 <p>{props.beskrivelse}</p>    
             </div>  
-            <TagBar haster={false}/>              
+            <TagBar haster={props.haster}/>              
         </div>
     )
 }
diff --git a/frontend/src/interface.ts b/frontend/src/interface.ts
index 4edcb50..4757bd0 100644
--- a/frontend/src/interface.ts
+++ b/frontend/src/interface.ts
@@ -6,14 +6,17 @@
 export interface IFeilmelding {
     tittel: string,
     beskrivelse: string
-    // haster: boolean
     dato: Date
+    haster: boolean
+    arbeidsstatus: number
 }
 
 export class Feilmelding implements IFeilmelding {
     tittel: string = "default tittel"
     beskrivelse: string = "default beskrivelse"
     dato: Date = new Date()
+    haster: boolean = false
+    arbeidsstatus: number = 0
 
     /**
      * Typescript 2.1 syntax som lar deg sende inn et JSON object og mappe det til class.
@@ -24,6 +27,8 @@ export class Feilmelding implements IFeilmelding {
             tittel: string,
             beskrivelse: string,
             dato: Date
+            haster: boolean
+            arbeidsstatus: number
         }) {
         if (fields) Object.assign(this, fields);    
     }