This repository has been archived on 2024-12-07. You can view files and clone it, but cannot push or open issues or pull requests.
helse-sprik/frontend/src/components/FeilModal.tsx
Markus A. R. Johansen 755effe4da
Klikkbare feil (#17)
*  Feilkort som ikke er expansioncards

* 🚧 laget overlay med stort hvitt panel ved klikk av panel

* 🐛 Kan avslutte popup-overlay-vinduet ved å hindre DOM bubbling

https://stackoverflow.com/questions/1369035/how-do-i-prevent-a-parents-onclick-event-from-firing-when-a-child-anchor-is-cli

* ♻️  Delt opp feilkort og fullvisningskort i to komponenter ved bruk av useContext()

* 📝 La til dokumentasjon for feilkortkomponentene

* ⚰️  Forenklet cardscontainer komponentet ved å fjerne interface

* 🐛 La tilbake interface, da fjerning av dette brekket applikasjon

*  Popup er byttet ut mot AkselModal

* 🐛 Fikset scrolling, ved å tillate Modal i å kjøre cleanup code
2023-07-31 14:48:07 +02:00

26 lines
No EOL
630 B
TypeScript

import { Modal } from "@navikt/ds-react"
import { Dispatch, SetStateAction } from "react"
interface modalInterface {
open: boolean
setOpen: Dispatch<SetStateAction<boolean>>
children: React.ReactNode
}
const FeilModal = (props: modalInterface) => {
return(
<Modal
className="w-3/5"
open={props.open}
aria-label={" modal"}
onClose={() => props.setOpen(false)}
aria-labelledby="modal-heading"
>
<Modal.Content>
{props.children}
</Modal.Content>
</Modal>
)
}
export default FeilModal;