En dings for å raskt finne den ene typen hendelse du vil ha. Og fjern…

…er husky pre-commit-hook fordi.

Det kan hende den grafiske fremstillingen kunne vært noe mer raffinert.

frontend/src/components/content/hendelser/Hendelser.tsx

@@ -1,13 +1,10 @@
 import React from 'react'
-import styles from './Hendelser.module.css'
-import commonStyles from '../../Common.module.css'
 import { Hendelse } from './Hendelse'
 import compareAsc from 'date-fns/compareAsc'
-import classNames from 'classnames'
 import { useRecoilState } from 'recoil'
-import { skjulPåminnelserState, visBareFeilState } from '../../../state/state'
+import {hendelseprefix, skjulPåminnelserState, visBareFeilState} from '../../../state/state'
 import {Hendelsekontekst} from '../../../state/model'
-import {HStack, Switch} from "@navikt/ds-react";
+import {HStack, Switch, TextField} from "@navikt/ds-react";
 
 const erPåminnelse = (kontekst: Hendelsekontekst) =>
     kontekst.kontekstType == 'Påminnelse' || kontekst.kontekstType == 'Utbetalingshistorikk'
@@ -17,12 +14,18 @@ const harFeil = (kontekst: Hendelsekontekst) => kontekst.harError || kontekst.ha
 export const Hendelser = ({ hendelser }: { hendelser: Hendelsekontekst[] }) => {
     const [visBareFeil, setVisBareFeil] = useRecoilState(visBareFeilState)
     const [skjulPåminnelser, setSkjulPåminnelser] = useRecoilState(skjulPåminnelserState)
+    const [prefix, setPrefix] = useRecoilState(hendelseprefix)
     const toggleVisBareFeil = () => setVisBareFeil(!visBareFeil)
     const toggleVisPåminnelser = () => setSkjulPåminnelser(!skjulPåminnelser)
+    const harRettPrefix = (kontekst: Hendelsekontekst) => kontekst.kontekstType.toLowerCase().startsWith(prefix)
+    const oppdaterPrefix = (e: React.FormEvent<HTMLInputElement>) => {
+        setPrefix(e.currentTarget.value)
+    }
 
     const filtrerteHendelser = hendelser
         .filter((it) => !skjulPåminnelser || !erPåminnelse(it) || harFeil(it))
         .filter((it) => !visBareFeil || harFeil(it))
+        .filter((it) => harRettPrefix(it))
 
     const sorterteHendelser = filtrerteHendelser.sort((a, b) => compareAsc(a.opprettet, b.opprettet))
 
@@ -31,6 +34,7 @@ export const Hendelser = ({ hendelser }: { hendelser: Hendelsekontekst[] }) => {
             <HStack gap="5">
                 <Switch size="small" onChange={(e) => toggleVisBareFeil() }>Bare feil</Switch>
                 <Switch size="small" checked={skjulPåminnelser} onChange={(e) => toggleVisPåminnelser() }>Skjul påminnelser og utbetalingshistorikk</Switch>
+                <TextField id={"hendelseprefix_input"} size={"small"} onInput={(e) => oppdaterPrefix(e) } label={"prefix (optional)"} ></TextField>
             </HStack>
             {sorterteHendelser.map((it) => {
                 return (!visBareFeil || it.harError || it.harWarning) && <Hendelse kontekst={it} key={it.id} />

frontend/src/state/state.ts

@@ -21,6 +21,11 @@ export const skjulPåminnelserState = Recoil.atom({
     default: true,
 })
 
+export const hendelseprefix = Recoil.atom({
+    key: 'hendelseregex',
+    default: ""
+})
+
 export const åpneHendelseDokumentState = Recoil.atom<KontekstDto[]>({
     key: 'åpneHendelseDokument',
     default: [],