Skip to content

Commit 16e5dac

Browse files
frodehansen2frodehansen2
committed
Storybook
1 parent 07c7be8 commit 16e5dac

File tree

3 files changed

+89
-24
lines changed

3 files changed

+89
-24
lines changed

‎apps/ungdomsytelse-deltaker/mock/msw/mocks/soker1/deltakelser/harSøkt.ts

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,6 @@ export const deltakelserHarSøkt: DeltakelsePeriodInfo[] = [
3737
id: 'fc2c6f01-8746-4ca0-b77a-40cc48bba216',
3838
oppgavetype: Oppgavetype.BEKREFT_KORRIGERT_INNTEKT,
3939
oppgavetypeData: {
40-
type: 'BEKREFT_KORRIGERT_INNTEKT',
4140
periodeForInntekt: {
4241
fraOgMed: '2026-01-01',
4342
tilOgMed: '2026-01-31',

‎apps/ungdomsytelse-deltaker/src/apps/innsyn/components/oppgaver/KorrigertInntektOppgave.tsx

Lines changed: 26 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -79,10 +79,9 @@ const KorrigertInntektOppgave = ({ deltakelseId, oppgave }: Props) => {
7979
inntektFraDeltaker?.arbeidstakerOgFrilansInntekt !== undefined ||
8080
inntektFraDeltaker?.inntektFraYtelse !== undefined;
8181

82-
const summertInntektFraAinntekt = inntektFraAinntekt.arbeidsgivere.reduce(
83-
(acc, arbeidsgiver) => acc + arbeidsgiver.beløp,
84-
0,
85-
);
82+
const summertInntektFraAinntekt =
83+
inntektFraAinntekt.arbeidsgivere.reduce((acc, arbeidsgiver) => acc + arbeidsgiver.beløp, 0) +
84+
inntektFraAinntekt.ytelser.reduce((acc, yelse) => acc + yelse.beløp, 0);
8685

8786
const summertInntektFraDeltaker = inntektFraDeltaker
8887
? (inntektFraDeltaker.arbeidstakerOgFrilansInntekt || 0) + (inntektFraDeltaker.inntektFraYtelse || 0)
@@ -104,37 +103,41 @@ const KorrigertInntektOppgave = ({ deltakelseId, oppgave }: Props) => {
104103
visOppgaveTittel="Vis endret inntekt"
105104
besvart={besvart}
106105
beskrivelse={
107-
<>
108-
<BodyShort>
106+
<BodyShort as="div">
107+
<>
109108
{harOppgittInntekt ? (
110109
<>
111-
Vi har mottatt inntektsopplysninger fra a-ordningen som avviker fra beløpet du har
112-
oppgitt. Du har oppgitt{' '}
113-
<strong>
114-
<FormattedNumber value={summertInntektFraDeltaker} /> kroner
115-
</strong>
116-
, mens vi har mottatt{' '}
117-
<strong>
118-
<FormattedNumber value={summertInntektFraAinntekt} /> kroner
119-
</strong>{' '}
120-
fra A-ordningen. Derfor vil vi bruke inntekten fra A-ordningen som grunnlag for
121-
beregning av ytelsen din.
110+
<p>
111+
Vi har mottatt inntektsopplysninger fra a-ordningen som avviker fra beløpet du har
112+
oppgitt. Du har oppgitt{' '}
113+
<strong>
114+
<FormattedNumber value={summertInntektFraDeltaker} /> kroner
115+
</strong>
116+
, mens vi har mottatt{' '}
117+
<strong>
118+
<FormattedNumber value={summertInntektFraAinntekt} /> kroner
119+
</strong>{' '}
120+
fra A-ordningen.
121+
</p>
122+
<p>
123+
Vil vil bruke inntekten fra A-ordningen som grunnlag for beregning av ytelsen din.
124+
</p>
122125
</>
123126
) : (
124-
<>
127+
<p>
125128
Du har ikke rapportert inntekt for denne perioden. Vi har nå mottatt
126129
inntektsopplysninger fra A-ordningen som vi vil bruke som grunnlag for beregning av
127130
ytelsen din.
128-
</>
131+
</p>
129132
)}
130-
</BodyShort>
131-
<BodyShort spacing={true}>
133+
</>
134+
<p>
132135
For at vi skal kunne behandle saken din, må du bekrefte at den inntekten vi har registrert er
133136
den korrekte innen <strong>{svarfristTekst}</strong>. Hvis vi ikke mottar en bekreftelse innen
134137
fristen, vil vi automatisk bruke inntektsopplysningene fra a-ordningen. Eventuell utbetaling vil
135138
bli satt på vent til du har bekreftet endringen, eller fristen har passert.
136-
</BodyShort>
137-
</>
139+
</p>
140+
</BodyShort>
138141
}>
139142
<VStack gap="4">
140143
<FormikWrapper

‎apps/ungdomsytelse-deltaker/src/apps/innsyn/components/oppgaver/Oppgave.stories.tsx

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,42 @@ const endretStartdato: Oppgave = {
4141
svarfrist: dayjs().add(1, 'day').toDate(),
4242
};
4343

44+
const korrigertInntekt: Oppgave = {
45+
id: '123',
46+
opprettetDato: ISODateToDate('2024-07-01'),
47+
status: OppgaveStatus.ULØST,
48+
oppgavetype: Oppgavetype.BEKREFT_KORRIGERT_INNTEKT,
49+
oppgavetypeData: {
50+
periodeForInntekt: {
51+
fraOgMed: ISODateToDate('2026-01-01'),
52+
tilOgMed: ISODateToDate('2026-01-31'),
53+
},
54+
inntektFraAinntekt: {
55+
arbeidsgivere: [
56+
{
57+
navn: 'Flåklypa barteservice',
58+
beløp: 1232,
59+
},
60+
{
61+
navn: 'Hopen klyp og klem',
62+
beløp: 50,
63+
},
64+
],
65+
ytelser: [
66+
{
67+
navn: 'Sykepenger',
68+
beløp: 4200,
69+
},
70+
],
71+
},
72+
inntektFraDeltaker: {
73+
arbeidstakerOgFrilansInntekt: undefined,
74+
inntektFraYtelse: undefined,
75+
},
76+
},
77+
svarfrist: dayjs().add(1, 'day').toDate(),
78+
};
79+
4480
export const EndretSluttdato: Story = {
4581
args: {
4682
oppgave: endretSluttdato,
@@ -59,3 +95,30 @@ export const EndretStartdato: Story = {
5995
},
6096
},
6197
};
98+
export const BekreftKorrigertInntektOppgittInntekt: Story = {
99+
args: {
100+
oppgave: {
101+
...korrigertInntekt,
102+
oppgavetypeData: {
103+
...korrigertInntekt.oppgavetypeData,
104+
inntektFraDeltaker: {
105+
arbeidstakerOgFrilansInntekt: 1200,
106+
inntektFraYtelse: 550,
107+
},
108+
},
109+
},
110+
programPeriode: {
111+
from: dayjs().subtract(1, 'day').toDate(),
112+
to: dayjs().add(1, 'day').toDate(),
113+
},
114+
},
115+
};
116+
export const BekreftKorrigertInntekt: Story = {
117+
args: {
118+
oppgave: korrigertInntekt,
119+
programPeriode: {
120+
from: dayjs().subtract(1, 'day').toDate(),
121+
to: dayjs().add(1, 'day').toDate(),
122+
},
123+
},
124+
};

0 commit comments

Comments
 (0)