This repository has been archived on 2025-10-02. You can view files and clone it, but you cannot make any changes to it's state, such as pushing and creating new issues, pull requests or comments.
helse-sprik/frontend/src/components/FeilModal.tsx
Markus A. R. Johansen 35d623cd96
Frontend opprydding (#33)
* se forrige commit

* 🎨📝 Kommentar komponenter i egen fil, og dokumentering av modal, kommentar, header, feilmeldingsinnhold og kortkonteiner

* 📝 Dokumentert redigeringsverktøy, skillelinje og tagbar

* 📝♻️  Forenklet henting av alle feil og dokumenterte resterende frontend
2023-08-07 12:35:55 +02:00

33 lines
No EOL
924 B
TypeScript

import { Modal } from "@navikt/ds-react"
import { Dispatch, SetStateAction } from "react"
interface modalInterface {
open: boolean
setOpen: Dispatch<SetStateAction<boolean>>
children: React.ReactNode
}
/**
* Modal som brukes til å vise feilmeldinger i fullvisningsmodus med feilinnhold og redigeringsverktøy
* @param open boolean som beskriver om modalen skal være åpen eller ikke
* @param setOpen setter open
* @param children innholdet i modalen
*/
const FeilModal = (props: modalInterface) => {
return(
<Modal
className="w-3/5 p-5"
open={props.open}
aria-label={" modal"}
onClose={() => props.setOpen(false)}
aria-labelledby="modal-heading"
closeButton={false}
>
<Modal.Content>
{props.children}
</Modal.Content>
</Modal>
)
}
export default FeilModal;