From 7a045bb0c3ec1703ccba3deeba1094f7d6cc54ff Mon Sep 17 00:00:00 2001
From: Sindre Kjelsrud <sindre.kjelsrud@nav.no>
Date: Tue, 1 Aug 2023 13:40:37 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fikser=20slik=20at=20man=20kan?=
 =?UTF-8?q?=20skrive=20inn=20i=20feltene=20til=20tittel=20og=20beskrivelse?=
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 | 25 +++++++++++++++++++------
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/FeilCard.tsx b/frontend/src/components/FeilCard.tsx
index 6d0a8c4..9e08b4d 100644
--- a/frontend/src/components/FeilCard.tsx
+++ b/frontend/src/components/FeilCard.tsx
@@ -1,5 +1,5 @@
 import "@navikt/ds-css";
-import { Button, Heading, Modal, Radio, RadioGroup, Tag, TextField } from "@navikt/ds-react";
+import { Button, Checkbox, CheckboxGroup, Heading, Modal, Radio, RadioGroup, Tag, TextField } from "@navikt/ds-react";
 import { IFeilmelding } from "../interface";
 import FeilModal from "./FeilModal";
 import { useEffect, useState } from "react";
@@ -20,15 +20,19 @@ interface IFeilKort extends IFeilmelding {
 export const FeilKort = (props: IFeilKort) => {
     const [visModal, setVisModal] = useState<boolean>(false)
     const [redigeringsmodus, setRedigeringsmodus] = useState(false)
+    const [tittel, setTittel] = useState(props.tittel)
+    const [beskrivelse, setBeskrivelse] = useState(props.beskrivelse)
+    const [arbeidsstatus, setArbeidsstatus] = useState(props.arbeidsstatus)
+    const [haster, setHaster] = useState(props.haster)
+
 
     useEffect(() => {
         Modal.setAppElement(document.getElementById('root'));
     }, []);
 
-    const [arbeidsstatus, setArbeidsstatus] = useState(0)
-
     const lagreEndringer = () => {
         setRedigeringsmodus(false)
+        // TODO - send endring til database
     }
     
     return(
@@ -56,12 +60,13 @@ export const FeilKort = (props: IFeilKort) => {
                         <div className="flex flex-col gap-4 w-1/2">
                             <TextField 
                                 label="Tittel"
-                                value={props.tittel}
+                                value={tittel}
+                                onChange={e => setTittel(e.target.value)}
                             />
                             <TextField 
-                                
                                 label="Beskrivelse"
-                                value={props.beskrivelse}
+                                value={beskrivelse}
+                                onChange={e => setBeskrivelse(e.target.value)}
                             />
                             <RadioGroup
                                 legend="Velg arbeidsstatus for feil"
@@ -72,6 +77,14 @@ export const FeilKort = (props: IFeilKort) => {
                                 <Radio value={1}>Feilen jobbes med</Radio>
                                 <Radio value={2}>Feilen er fikset</Radio>
                             </RadioGroup>
+                            <RadioGroup
+                                legend="Hvor vil du sitte?"
+                                onChange={(haster: boolean) => {setHaster(haster)}}
+                                value={haster}
+                            >
+                                <Radio value={true}>Ja</Radio>
+                                <Radio value={false}>Nei</Radio>
+                            </RadioGroup>
                         </div>
                         <div className="flex gap-4 items-start">
                             <Button