From fe0b95df957fe504ff9a5fae1f313231a9ac4ece Mon Sep 17 00:00:00 2001
From: frodehansen2 <frode.hansen@bekk.no>
Date: Thu, 12 Dec 2024 11:48:36 +0100
Subject: [PATCH] Vise barn

---
 .../api-mock/mock-server.cjs                  |  2 +-
 .../src/hooks/useInitialData.ts               |  2 +-
 .../context/S\303\270knadContext.tsx"         |  3 ++-
 .../src/s\303\270knad/form/Forside.tsx"       | 25 +++++++++++++++++--
 4 files changed, 27 insertions(+), 5 deletions(-)

diff --git a/apps/ungdomsytelse-deltaker/api-mock/mock-server.cjs b/apps/ungdomsytelse-deltaker/api-mock/mock-server.cjs
index 31fcf687be..cdcd12d18e 100644
--- 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
index fc477d1b07..9fb88d4446 100644
--- 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\303\270knad/context/S\303\270knadContext.tsx" "b/apps/ungdomsytelse-deltaker/src/s\303\270knad/context/S\303\270knadContext.tsx"
index 5b311c22d4..d7c1f6fb67 100644
--- "a/apps/ungdomsytelse-deltaker/src/s\303\270knad/context/S\303\270knadContext.tsx"
+++ "b/apps/ungdomsytelse-deltaker/src/s\303\270knad/context/S\303\270knadContext.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\303\270knad/form/Forside.tsx" "b/apps/ungdomsytelse-deltaker/src/s\303\270knad/form/Forside.tsx"
index d931c93b81..b093b85aa4 100644
--- "a/apps/ungdomsytelse-deltaker/src/s\303\270knad/form/Forside.tsx"
+++ "b/apps/ungdomsytelse-deltaker/src/s\303\270knad/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}>