From 02178d187f99170e1649492adc585aa36c7c1f53 Mon Sep 17 00:00:00 2001
From: Sindre Kjelsrud <sindre.kjelsrud@nav.no>
Date: Tue, 1 Aug 2023 11:48:28 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20La=20til=20knapper=20for=20redig?=
 =?UTF-8?q?ering=20og=20lukk?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Markus A. R. Johansen <markus.aleksander.rakil.johansen@nav.no>
---
 frontend/src/components/FeilCard.tsx  | 23 +++++++++++++++++++++--
 frontend/src/components/FeilModal.tsx |  1 +
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/FeilCard.tsx b/frontend/src/components/FeilCard.tsx
index d71eded..7c4d68b 100644
--- a/frontend/src/components/FeilCard.tsx
+++ b/frontend/src/components/FeilCard.tsx
@@ -1,8 +1,9 @@
 import "@navikt/ds-css";
-import { Heading, Modal, Tag } from "@navikt/ds-react";
+import { Button, Heading, Modal, Tag } from "@navikt/ds-react";
 import { IFeilmelding } from "../interface";
 import FeilModal from "./FeilModal";
 import { useEffect, useState } from "react";
+import { PencilIcon, XMarkIcon } from "@navikt/aksel-icons";
 
 /**
  * En konteiner som inneholder all informasjon og funksjonalitet for å vise og interagere med en feilmelding.
@@ -34,7 +35,25 @@ export const FeilKort = (props: IFeilKort) => {
                 <FeilkortHeader tittel={props.tittel} beskrivelse={props.beskrivelse} dato={props.dato}/>
             </div>
             <FeilModal open={visModal} setOpen={setVisModal} >
-                <FeilkortHeader tittel={props.tittel} beskrivelse={props.beskrivelse} dato={new Date()} />
+                <div className="flex justify-between">
+                    <FeilkortHeader tittel={props.tittel} beskrivelse={props.beskrivelse} dato={new Date()} />
+                    <div className="flex gap-4 items-start">
+                        <Button
+                            variant="secondary"
+                            icon={<PencilIcon/>}
+                        >
+                            Rediger
+                        </Button>
+                        <Button
+                            icon={<XMarkIcon/>}
+                            onClick={() => setVisModal(false)}
+                        >
+                            Lukk
+                        </Button>
+                    </div>
+                </div>
+
+
                 <div className="h-2 bg-gray-200 my-4 rounded-lg"></div>
                 {/* TODO: HER KOMMER CONTENT */}
             </FeilModal>
diff --git a/frontend/src/components/FeilModal.tsx b/frontend/src/components/FeilModal.tsx
index 9901257..483684c 100644
--- a/frontend/src/components/FeilModal.tsx
+++ b/frontend/src/components/FeilModal.tsx
@@ -16,6 +16,7 @@ const FeilModal = (props: modalInterface) => {
             aria-label={" modal"}
             onClose={() => props.setOpen(false)}
             aria-labelledby="modal-heading"
+            closeButton={false}
         >
         <Modal.Content>
             {props.children}