Ved lagring av redigering lukkes modal

This commit is contained in:
Markus Johansen 2023-08-02 12:05:08 +02:00
parent 89954388b4
commit 44e9ccb26c
4 changed files with 12 additions and 14 deletions

View file

@ -56,6 +56,7 @@ const FeilKort = (props: IFeilKort) => {
haster={props.haster} haster={props.haster}
arbeidsstatus={props.arbeidsstatus} arbeidsstatus={props.arbeidsstatus}
setRedigeringsmodus={setRedigeringsmodus} setRedigeringsmodus={setRedigeringsmodus}
setVisModal={setVisModal}
/> />
: :
<FeilmeldingsInnhold <FeilmeldingsInnhold

View file

@ -1,15 +1,8 @@
import { PencilIcon, XMarkIcon } from "@navikt/aksel-icons" import { PencilIcon, XMarkIcon } from "@navikt/aksel-icons"
import { Button } from "@navikt/ds-react" import { Button } from "@navikt/ds-react"
import { IFeilmelding } from "../interface" import { FeilmeldingsInnholdInterface } from "../interface"
import FeilkortHeader from "./FeilkortHeader" import FeilkortHeader from "./FeilkortHeader"
interface FeilmeldingsInnholdInterface extends IFeilmelding {
children: React.ReactNode
setVisModal: (visModal: boolean) => void
setRedigeringsmodus: (redigeringsmodus: boolean) => void
}
const FeilmeldingsInnhold = (props: FeilmeldingsInnholdInterface) => { const FeilmeldingsInnhold = (props: FeilmeldingsInnholdInterface) => {
return( return(
<div> <div>
@ -34,7 +27,7 @@ const FeilmeldingsInnhold = (props: FeilmeldingsInnholdInterface) => {
onClick={() => { onClick={() => {
props.setVisModal(false) props.setVisModal(false)
props.setRedigeringsmodus(false) props.setRedigeringsmodus(false)
}} } }
> >
Lukk Lukk
</Button> </Button>

View file

@ -1,20 +1,18 @@
import { FloppydiskIcon, XMarkIcon } from "@navikt/aksel-icons" import { FloppydiskIcon, XMarkIcon } from "@navikt/aksel-icons"
import { TextField, Textarea, RadioGroup, Radio, Button } from "@navikt/ds-react" import { TextField, Textarea, RadioGroup, Radio, Button } from "@navikt/ds-react"
import { useState } from "react" import { useState } from "react"
import { IFeilmelding } from "../interface" import { FeilmeldingsInnholdInterface } from "../interface"
import axios from "axios" import axios from "axios"
interface RedigeringsInterface extends IFeilmelding {
setRedigeringsmodus: (redigeringsmodus: boolean) => void
}
const RedigeringsVerktoy = (props: RedigeringsInterface) => { const RedigeringsVerktoy = (props: FeilmeldingsInnholdInterface) => {
const [tittel, setTittel] = useState(props.tittel) const [tittel, setTittel] = useState(props.tittel)
const [beskrivelse, setBeskrivelse] = useState(props.beskrivelse) const [beskrivelse, setBeskrivelse] = useState(props.beskrivelse)
const [arbeidsstatus, setArbeidsstatus] = useState(props.arbeidsstatus) const [arbeidsstatus, setArbeidsstatus] = useState(props.arbeidsstatus)
const [haster, setHaster] = useState(props.haster) const [haster, setHaster] = useState(props.haster)
const lagreEndringer = () => { const lagreEndringer = () => {
props.setVisModal(false)
props.setRedigeringsmodus(false) props.setRedigeringsmodus(false)
const payload = { const payload = {

View file

@ -12,6 +12,12 @@ export interface IFeilmelding {
arbeidsstatus: number arbeidsstatus: number
} }
export interface FeilmeldingsInnholdInterface extends IFeilmelding {
children?: React.ReactNode
setRedigeringsmodus: (redigeringsmodus: boolean) => void
setVisModal: (visModal: boolean) => void
}
export class Feilmelding implements IFeilmelding { export class Feilmelding implements IFeilmelding {
id: number = 0 id: number = 0
tittel: string = "default tittel" tittel: string = "default tittel"