🐛 Fikser slik at man kan skrive inn i feltene til tittel og beskrivelse
Co-authored-by: Markus A. R. Johansen <markus.aleksander.rakil.johansen@nav.no>
This commit is contained in:
parent
c84e7890eb
commit
7a045bb0c3
1 changed files with 19 additions and 6 deletions
|
@ -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
|
||||
|
|
Reference in a new issue