Update stønadsmottakere function to return a string array

navikt · May 6, 2024 · 1abda46 · 1abda46
1 parent 34955ac
commit 1abda46
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 6 deletions.
diff --git a/src/api/driftApi.ts b/src/api/driftApi.ts
@@ -77,7 +77,7 @@ export async function konsistensavstemming(args: {
 export async function stønadsmottakere(args: {
     fraOgMed: Nullable<string>;
     inkluderEPS: boolean;
-}): Promise<ApiClientResult<{ dato: string; fnr: string[] }>> {
+}): Promise<ApiClientResult<string[]>> {
     return apiClient({
         url: `/stønadsmottakere`,
         method: 'POST',

diff --git a/src/components/inputs/datePicker/DatePicker.tsx b/src/components/inputs/datePicker/DatePicker.tsx
@@ -59,6 +59,7 @@ export const DatePicker = (props: {
 
 export const MonthPicker = (props: {
     label: string;
+    hjelpetekst?: string;
     value: Nullable<Date>;
     size?: 'medium' | 'small';
     fromDate?: Nullable<Date>;
@@ -76,7 +77,17 @@ export const MonthPicker = (props: {
     return (
         <div>
             <MonthPickerDS {...monthpickerProps} selected={props.value ?? undefined}>
-                <MonthPickerDS.Input {...inputProps} label={props.label} size={props.size} error={props.error} />
+                <MonthPickerDS.Input
+                    {...inputProps}
+                    label={
+                        <div className={styles.datepickerLabelContainer}>
+                            {props.label}
+                            {props.hjelpetekst ? <HelpText placement="bottom">{props.hjelpetekst}</HelpText> : null}
+                        </div>
+                    }
+                    size={props.size}
+                    error={props.error}
+                />
             </MonthPickerDS>
         </div>
     );

diff --git a/src/pages/drift/components/stønadsmottakere/Stønadsmottakere.tsx b/src/pages/drift/components/stønadsmottakere/Stønadsmottakere.tsx
@@ -47,7 +47,12 @@ const StønadsmottakereModal = (props: { open: boolean; onClose: () => void }) =
                 <div>
                     <div className={styles.form}>
                         <div className={styles.formInputs}>
-                            <MonthPicker label="Fra og med" value={fraOgMed} onChange={(dato) => setFraOgMed(dato)} />
+                            <MonthPicker
+                                label="Fra og med"
+                                hjelpetekst="Bruker dagens måned dersom den ikke blir fylt ut"
+                                value={fraOgMed}
+                                onChange={(dato) => setFraOgMed(dato)}
+                            />
                             <Checkbox onChange={() => setMedEps(!medEps)} checked={medEps}>
                                 Med eps
                             </Checkbox>
@@ -60,12 +65,11 @@ const StønadsmottakereModal = (props: { open: boolean; onClose: () => void }) =
                     )}
                     {RemoteData.isSuccess(stønadsmottakereStatus) && (
                         <div className={styles.resultContainer}>
-                            <Label as="p">For dato: {stønadsmottakereStatus.value.dato}</Label>
-                            <Label as="p">Antall: {stønadsmottakereStatus.value.fnr.length}</Label>
+                            <Label as="p">Antall: {stønadsmottakereStatus.value.length}</Label>
                             <Label as="p">Fødselsnummere: </Label>
                             <div>
                                 <ul className={styles.result}>
-                                    {stønadsmottakereStatus.value.fnr.map((s) => (
+                                    {stønadsmottakereStatus.value.map((s) => (
                                         <li key={s}>{s}</li>
                                     ))}
                                 </ul>