Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Behandlingsoversikt paragraf visning #74

Open
wants to merge 8 commits into
base: main
Choose a base branch
from
Open

Behandlingsoversikt paragraf visning #74

Show file tree
Hide file tree
Changes from 3 commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
e853536
Nye oversikt over behandling fra robot
piquet90 Aug 13, 2024
9de1fc3
Merge branch 'main' into behandlingsoversikt-paragraf-visning
piquet90 Aug 16, 2024
ee8f6e2
Fjernet comments
piquet90 Aug 16, 2024
da4b46b
Endret til bruk av formaterNorskDato for virkningstidspunkt
piquet90 Aug 22, 2024
82bced3
Merge branch 'main' into behandlingsoversikt-paragraf-visning
piquet90 Aug 22, 2024
0156fd5
Fixed merge-issues
piquet90 Sep 4, 2024
d407390
Added th to subtle-zebra class
piquet90 Sep 4, 2024
510803d
Endret verdinavn for å reflektere oppdateringer i navn og klasse for …
piquet90 Sep 4, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions app/components/opplysning-forslag/OpplysningForslag.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,11 +7,11 @@
padding: var(--a-spacing-4) 0;
}

.approved td {
.approved th {
background-color: var(--a-green-100);
}

.denied td {
.denied th {
background-color: var(--a-red-100);
}

Expand Down
81 changes: 28 additions & 53 deletions app/components/opplysning-forslag/OpplysningForslag.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import { BodyLong, Heading, Table } from "@navikt/ds-react";
import { CheckmarkCircleIcon, XMarkOctagonIcon } from "@navikt/aksel-icons";
import { parse, format } from "date-fns";
import type { IOpplysning } from "~/models/behandling.server";
import styles from "./OpplysningForslag.module.css";

Expand All @@ -15,20 +16,15 @@ function finnOpplysningMedNavn(navn: string, opplysninger: IOpplysning[]) {

export function OpplysningForslag(props: IProps) {
const harKravDagpenger = finnOpplysningMedNavn("Krav på dagpenger", props.opplysninger);
const kravTilAlder = finnOpplysningMedNavn("Oppfyller kravet til alder", props.opplysninger);
const resultStyle = harKravDagpenger.verdi === "true" ? styles.approved : styles.denied;

const kravTilArbeidssoker = finnOpplysningMedNavn("Krav til arbeidssøker", props.opplysninger);
const kravTilInntekt = finnOpplysningMedNavn("Krav til minsteinntekt", props.opplysninger);
const beregnetVirkningsTidspunkt = finnOpplysningMedNavn(
const beregnetVirkningstidspunkt = finnOpplysningMedNavn(
"EttBeregnetVirkningstidspunkt",
props.opplysninger,
);
const soknadsDato = finnOpplysningMedNavn("Søknadsdato", props.opplysninger);
const kravTilArbeidssoker = finnOpplysningMedNavn("Krav til arbeidssøker", props.opplysninger);
const registrertSomArbeidssoker = finnOpplysningMedNavn(
"Registrert som arbeidssøker på søknadstidspunktet",
props.opplysninger,
);

const resultStyle = harKravDagpenger.verdi === "true" ? styles.approved : styles.denied;
return (
<div className={styles.container}>
<Heading size={"large"}>Behandlingsoversikt</Heading>
Expand All @@ -38,10 +34,10 @@ export function OpplysningForslag(props: IProps) {
behandlingen. Se nøkkelpunkter for å få en oversikt.
</BodyLong>

<Table className={"table--subtle-zebra"}>
<Table.Body>
<Table zebraStripes>
rurudev marked this conversation as resolved.
Show resolved Hide resolved
<Table.Header>
<Table.Row className={resultStyle}>
<Table.DataCell colSpan={2}>
<Table.HeaderCell colSpan={3}>
{harKravDagpenger.verdi === "true" ? (
<span className={styles.result}>
<CheckmarkCircleIcon />
Expand All @@ -53,61 +49,40 @@ export function OpplysningForslag(props: IProps) {
Bruker har fått avslag på dagpenger
</span>
)}
</Table.DataCell>
</Table.Row>

<Table.Row>
<Table.DataCell>Et Beregnet Virkningstidspunkt</Table.DataCell>
<Table.DataCell>{beregnetVirkningsTidspunkt?.verdi}</Table.DataCell>
</Table.HeaderCell>
</Table.Row>

</Table.Header>
<Table.Body>
<Table.Row>
<Table.DataCell>Søknadsdato</Table.DataCell>
<Table.DataCell>{soknadsDato?.verdi}</Table.DataCell>
<Table.HeaderCell scope="row">Dagpenger</Table.HeaderCell>
<Table.DataCell>Ordinær</Table.DataCell>
<Table.DataCell>Søknad</Table.DataCell>
</Table.Row>

<Table.Row>
<Table.DataCell>Krav til alder</Table.DataCell>
<Table.DataCell>{kravTilAlder?.verdi === "true" ? "Ja" : "Nei"}</Table.DataCell>
<Table.HeaderCell scope="row">§4-16 Gjenoppptak</Table.HeaderCell>
<Table.DataCell>Nei</Table.DataCell>
<Table.DataCell>Søknad</Table.DataCell>
</Table.Row>

<Table.Row>
<Table.DataCell>Krav til Minsteinntekt</Table.DataCell>
<Table.HeaderCell scope="row">§4-4 Krav til minsteinntekt</Table.HeaderCell>
<Table.DataCell>{kravTilInntekt?.verdi === "true" ? "Ja" : "Nei"}</Table.DataCell>
<Table.DataCell>Søknad</Table.DataCell>
</Table.Row>

{kravTilInntekt?.verdi === "false" && (
<>
<Table.Row>
<Table.DataCell>Arbeidsinntekt siste 12 mnd</Table.DataCell>
<Table.DataCell>
{parseFloat(
finnOpplysningMedNavn("Arbeidsinntekt siste 12 mnd", props.opplysninger).verdi,
)}{" "}
Kr
</Table.DataCell>
</Table.Row>

<Table.Row>
<Table.DataCell>Arbeidsinntekt siste 36 mnd</Table.DataCell>
<Table.DataCell>
{`${parseFloat(
finnOpplysningMedNavn("Arbeidsinntekt siste 36 mnd", props.opplysninger).verdi,
)} kr`}
</Table.DataCell>
</Table.Row>
</>
)}
<Table.Row>
<Table.DataCell>Krav til Arbeidssøker</Table.DataCell>
<Table.HeaderCell scope="row">§4-Reel arbeidssøker</Table.HeaderCell>
<Table.DataCell>{kravTilArbeidssoker?.verdi === "true" ? "Ja" : "Nei"}</Table.DataCell>
<Table.DataCell>Søknad</Table.DataCell>
</Table.Row>

<Table.Row>
<Table.DataCell>Registrert som arbeidssøker på søknadstidspunktet</Table.DataCell>
<Table.HeaderCell scope="row">§3A-1 Søknadstidspunkt</Table.HeaderCell>
<Table.DataCell>
{registrertSomArbeidssoker.verdi === "true" ? "Ja" : "Nei"}
Virkningstidspunkt{" "}
{format(
rurudev marked this conversation as resolved.
Show resolved Hide resolved
parse(beregnetVirkningstidspunkt?.verdi, "yyyy-MM-dd", new Date()),
"dd.MM.yyyy",
)}
</Table.DataCell>
<Table.DataCell>Søknad</Table.DataCell>
</Table.Row>
</Table.Body>
</Table>
Expand Down
Loading