Vise barn

navikt · Dec 12, 2024 · fe0b95d · fe0b95d
1 parent e64c49f
commit fe0b95d
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 5 deletions.
diff --git a/apps/ungdomsytelse-deltaker/api-mock/mock-server.cjs b/apps/ungdomsytelse-deltaker/api-mock/mock-server.cjs
@@ -92,7 +92,7 @@ const startExpressServer = () => {
                 id: '123',
                 programperiodeFraOgMed: '2024-07-01',
                 programperiodeTilOgMed: '2025-06-30',
-                harSøkt: true,
+                harSøkt: false,
                 rapporteringsPerioder: [
                     {
                         fraOgMed: '2024-07-01',

diff --git a/apps/ungdomsytelse-deltaker/src/hooks/useInitialData.ts b/apps/ungdomsytelse-deltaker/src/hooks/useInitialData.ts
@@ -18,13 +18,13 @@ export const useInitialData = () => {
             const søker = await fetchSøker();
             const alleDeltakelser = await deltakerService.getDeltakelser();
             const barn = await fetchBarn();
-            console.log('barn', barn);
 
             const deltakelserSøktFor = alleDeltakelser.filter((d) => d.harSøkt);
             const deltakelserIkkeSøktFor = alleDeltakelser.filter((d) => !d.harSøkt);
             const deltakelserÅpenForRapportering = deltakelserSøktFor.filter(deltakelseErÅpenForRapportering);
 
             setInitialData({
+                barn,
                 søker,
                 alleDeltakelser,
                 deltakelserSøktFor,

diff --git a/apps/ungdomsytelse-deltaker/src/søknad/context/SøknadContext.tsx b/apps/ungdomsytelse-deltaker/src/søknad/context/SøknadContext.tsx
@@ -1,5 +1,5 @@
 import { createContext, ReactNode, useContext, useState } from 'react';
-import { Søker } from '@navikt/sif-common-api';
+import { RegistrertBarn, Søker } from '@navikt/sif-common-api';
 import { Deltakelse } from '../../api/types';
 import { deltakelseErÅpenForRapportering } from '../../utils/deltakelserUtils';
 
@@ -10,6 +10,7 @@ interface SøknadContextType {
 
 export interface SøknadContextData {
     søker: Søker;
+    barn: RegistrertBarn[];
     alleDeltakelser: Deltakelse[];
     deltakelserSøktFor: Deltakelse[];
     deltakelserIkkeSøktFor: Deltakelse[];

diff --git a/apps/ungdomsytelse-deltaker/src/søknad/form/Forside.tsx b/apps/ungdomsytelse-deltaker/src/søknad/form/Forside.tsx
@@ -1,4 +1,4 @@
-import { Alert, Box, Heading, VStack } from '@navikt/ds-react';
+import { Alert, Box, Heading, List, VStack } from '@navikt/ds-react';
 import { useState } from 'react';
 import Page from '@navikt/sif-common-core-ds/src/components/page/Page';
 import { SoknadVelkommenGuide } from '@navikt/sif-common-soknad-ds/src';
@@ -12,7 +12,14 @@ import Inntektsrapportering from '../../components/inntektsrapportering/Inntekts
 
 const Forside = () => {
     const {
-        data: { søker, deltakelserIkkeSøktFor, deltakelserSøktFor, alleDeltakelser, deltakelserÅpenForRapportering },
+        data: {
+            søker,
+            barn,
+            deltakelserIkkeSøktFor,
+            deltakelserSøktFor,
+            alleDeltakelser,
+            deltakelserÅpenForRapportering,
+        },
         updateDeltakelse,
     } = useSøknadContext();
 
@@ -53,6 +60,20 @@ const Forside = () => {
 
                     {deltakelserIkkeSøktFor.length > 0 && (
                         <VStack gap="4">
+                            {barn.length > 0 && (
+                                <Box>
+                                    <Heading level="2" size="medium">
+                                        Barn vi har registrert på deg:
+                                    </Heading>
+                                    <List>
+                                        {barn.map((b) => (
+                                            <List.Item key={b.aktørId}>
+                                                {b.fornavn} {b.etternavn}
+                                            </List.Item>
+                                        ))}
+                                    </List>
+                                </Box>
+                            )}
                             {deltakelserIkkeSøktFor.map((deltakelse) => {
                                 return (
                                     <Box key={deltakelse.id}>