-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
♻️ Bruk ny generell komponent for tidligere og nyeste på vent-hendelse
Co-authored-by: Elias Andreassen Thøgersen <[email protected]>
- Loading branch information
Showing
6 changed files
with
132 additions
and
135 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
67 changes: 67 additions & 0 deletions
67
src/routes/saksbilde/historikk/hendelser/Historikkhendelse.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,67 @@ | ||
| import React, { PropsWithChildren, ReactElement } from 'react'; | ||
|
|
||
| import { VStack } from '@navikt/ds-react'; | ||
|
|
||
| import { Kommentar, Maybe, PeriodehistorikkType } from '@io/graphql'; | ||
| import { ExpandableHendelse } from '@saksbilde/historikk/hendelser/ExpandableHendelse'; | ||
| import { Hendelse } from '@saksbilde/historikk/hendelser/Hendelse'; | ||
| import { HendelseDate } from '@saksbilde/historikk/hendelser/HendelseDate'; | ||
| import { KommentarSeksjon } from '@saksbilde/historikk/komponenter/kommentarer/KommentarSeksjon'; | ||
| import { Kommentarer } from '@saksbilde/historikk/komponenter/kommentarer/Kommentarer'; | ||
| import { DateString } from '@typer/shared'; | ||
|
|
||
| type HistorikkhendelseProps = { | ||
| erNyesteHendelseAvType: boolean; | ||
| historikkinnslagId: number; | ||
| historikktype: PeriodehistorikkType; | ||
| timestamp: DateString; | ||
| dialogRef: Maybe<number>; | ||
| saksbehandler: Maybe<string>; | ||
| kommentarer: Array<Kommentar>; | ||
| title: string; | ||
| icon?: ReactElement; | ||
| kontekstknapp?: ReactElement; | ||
| erNyestePåVentInnslag?: boolean; | ||
| }; | ||
|
|
||
| export const Historikkhendelse = ({ | ||
| erNyesteHendelseAvType, | ||
| historikktype, | ||
| saksbehandler, | ||
| timestamp, | ||
| dialogRef, | ||
| historikkinnslagId, | ||
| kommentarer, | ||
| title, | ||
| icon, | ||
| kontekstknapp, | ||
| children, | ||
| }: PropsWithChildren<HistorikkhendelseProps>): ReactElement => { | ||
| return erNyesteHendelseAvType ? ( | ||
| <Hendelse title={title} icon={icon}> | ||
| {kontekstknapp} | ||
| <HendelseDate timestamp={timestamp} ident={saksbehandler} /> | ||
| <VStack gap="2"> | ||
| {children} | ||
| <KommentarSeksjon | ||
| kommentarer={kommentarer} | ||
| dialogRef={dialogRef} | ||
| historikkinnslagId={historikkinnslagId} | ||
| historikktype={historikktype} | ||
| /> | ||
| </VStack> | ||
| </Hendelse> | ||
| ) : ( | ||
| <ExpandableHendelse | ||
| tittel={title} | ||
| ikon={icon} | ||
| tidsstempel={timestamp} | ||
| saksbehandler={saksbehandler ?? undefined} | ||
| > | ||
| <VStack gap="2"> | ||
| {children} | ||
| {kommentarer && <Kommentarer kommentarer={kommentarer} />} | ||
| </VStack> | ||
| </ExpandableHendelse> | ||
| ); | ||
| }; |
67 changes: 0 additions & 67 deletions
67
src/routes/saksbilde/historikk/hendelser/påvent/NyestePåVentHendelse.tsx
This file was deleted.
Oops, something went wrong.
59 changes: 59 additions & 0 deletions
59
src/routes/saksbilde/historikk/hendelser/påvent/PåVentHendelse.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,59 @@ | ||
| import React from 'react'; | ||
|
|
||
| import { BodyLong, BodyShort, HStack } from '@navikt/ds-react'; | ||
|
|
||
| import { PeriodehistorikkType, PersonFragment } from '@io/graphql'; | ||
| import { Expandable } from '@saksbilde/historikk/hendelser/Expandable'; | ||
| import { PåVentIkon } from '@saksbilde/historikk/hendelser/HendelseIkon'; | ||
| import { Historikkhendelse } from '@saksbilde/historikk/hendelser/Historikkhendelse'; | ||
| import { PåVentDropdown } from '@saksbilde/historikk/hendelser/påvent/PåVentDropdown'; | ||
| import { ÅrsakListe } from '@saksbilde/historikk/hendelser/påvent/ÅrsakListe'; | ||
| import { useActivePeriod } from '@state/periode'; | ||
| import { HistorikkhendelseObject } from '@typer/historikk'; | ||
| import { somNorskDato } from '@utils/date'; | ||
| import { isBeregnetPeriode } from '@utils/typeguards'; | ||
|
|
||
| interface PåVentHendelseProps { | ||
| hendelse: HistorikkhendelseObject; | ||
| person: PersonFragment; | ||
| } | ||
|
|
||
| export const PåVentHendelse = ({ hendelse, person }: PåVentHendelseProps) => { | ||
| const aktivPeriode = useActivePeriod(person); | ||
| const erAktivPeriodePåVent = isBeregnetPeriode(aktivPeriode) && aktivPeriode?.paVent !== null; | ||
| return ( | ||
| <Historikkhendelse | ||
| erNyesteHendelseAvType={hendelse.erNyestePåVentInnslag ?? false} | ||
| title={`Lagt på vent${hendelse.historikktype === PeriodehistorikkType.EndrePaVent ? ' – endret' : ''}`} | ||
| icon={<PåVentIkon />} | ||
| timestamp={hendelse.timestamp} | ||
| saksbehandler={hendelse.saksbehandler} | ||
| kontekstknapp={ | ||
| erAktivPeriodePåVent ? ( | ||
| <PåVentDropdown | ||
| person={person} | ||
| årsaker={hendelse.årsaker} | ||
| notattekst={hendelse.notattekst} | ||
| frist={hendelse.frist} | ||
| /> | ||
| ) : undefined | ||
| } | ||
| kommentarer={hendelse.kommentarer} | ||
| dialogRef={hendelse.dialogRef} | ||
| historikkinnslagId={hendelse.historikkinnslagId} | ||
| historikktype={hendelse.historikktype} | ||
| > | ||
| <ÅrsakListe årsaker={hendelse.årsaker} /> | ||
| <HStack gap="1"> | ||
| <BodyShort>Frist:</BodyShort> | ||
| <BodyShort weight="semibold">{somNorskDato(hendelse.frist ?? undefined)}</BodyShort> | ||
| </HStack> | ||
| {!!hendelse.notattekst && ( | ||
| <Expandable flattened={!hendelse.erNyestePåVentInnslag}> | ||
| <BodyShort weight="semibold">Notat</BodyShort> | ||
| <BodyLong style={{ whiteSpace: 'pre-wrap' }}>{hendelse.notattekst}</BodyLong> | ||
| </Expandable> | ||
| )} | ||
| </Historikkhendelse> | ||
| ); | ||
| }; |
46 changes: 0 additions & 46 deletions
46
src/routes/saksbilde/historikk/hendelser/påvent/TidligerePåVentHendelse.tsx
This file was deleted.
Oops, something went wrong.