Lagd en hook som henter en lite med grunnbeløpsperioder. Disse blir b…

…rukt for å sette seks G.

src/frontend/App/hooks/felles/useHentGrunbeløpsperioder.ts

@@ -0,0 +1,37 @@
+import { Ressurs } from '@navikt/familie-typer';
+import { useCallback, useState } from 'react';
+import { useApp } from '../../context/AppContext';
+import { RessursStatus } from '../../typer/ressurs';
+
+type GrunnbeløpData = {
+    periode: { fom: string; tom: string };
+    grunnbeløp: number;
+    grunnbeløpPerMåned: number;
+    gjennomsnittPerÅr: number;
+    seksGangerGrunnbeløp: number;
+    seksGangerGrunnbeløpPerMåned: number;
+};
+
+const tomGrunnbeløpsdata: GrunnbeløpData[] = [];
+
+export const useHentNyesteGrunnbeløpOgAntallGrunnløpsperioderTilbakeITid = (antall: number) => {
+    const { axiosRequest } = useApp();
+
+    const [grunnbeløpsperioder, settGrunnbeløpsperioder] =
+        useState<GrunnbeløpData[]>(tomGrunnbeløpsdata);
+
+    const hentGrunnbeløpsperioderCallback = useCallback(() => {
+        axiosRequest<GrunnbeløpData[], { antall: number }>({
+            method: 'GET',
+            url: `/familie-ef-sak/api/beregning/grunnbelopForPerioder`,
+            params: { antall },
+        }).then((res: Ressurs<GrunnbeløpData[]>) => {
+            res.status === RessursStatus.SUKSESS && settGrunnbeløpsperioder(res.data);
+        });
+    }, [axiosRequest, antall]);
+
+    return {
+        grunnbeløpsperioder,
+        hentGrunnbeløpsperioderCallback,
+    };
+};

src/frontend/App/hooks/useVerdierForBrev.ts

@@ -4,6 +4,7 @@ import { IBeløpsperiode, IBeregningsperiodeBarnetilsyn } from '../typer/vedtak'
 import { Behandling } from '../typer/fagsak';
 import { useInntektsendringAvslagFlettefelt } from './useInntektsendringAvslagFlettefelt';
 import { Ressurs, RessursStatus } from '../typer/ressurs';
+import { useHentNyesteGrunnbeløpOgAntallGrunnløpsperioderTilbakeITid } from './felles/useHentGrunbeløpsperioder';
 
 export enum EBehandlingFlettefelt {
     fomdatoInnvilgelseForstegangsbehandling = 'fomdatoInnvilgelseForstegangsbehandling',
@@ -61,6 +62,8 @@ export const useVerdierForBrev = (
     const [flettefeltStore, settFlettefeltStore] = useState<FlettefeltStore>({});
     const [valgfeltStore, settValgfeltStore] = useState<ValgfeltStore>({});
     const [delmalStore, settDelmalStore] = useState<DelmalStore>([]);
+    const { grunnbeløpsperioder, hentGrunnbeløpsperioderCallback } =
+        useHentNyesteGrunnbeløpOgAntallGrunnløpsperioderTilbakeITid(1);
 
     const leggTilNyeFlettefelt = (nyeFlettefelt: FlettefeltStore) => {
         settFlettefeltStore((prevState) => ({
@@ -75,7 +78,11 @@ export const useVerdierForBrev = (
         leggTilNyeFlettefelt
     );
 
-    const G = 118620; // Grunnbeløpet (G) per 1. mai 2023 er 118 620 kroner.
+    useEffect(() => {
+        hentGrunnbeløpsperioderCallback();
+    }, [hentGrunnbeløpsperioderCallback]);
+
+    const seksGangerGrunnbeløpTall = grunnbeløpsperioder[0]?.seksGangerGrunnbeløp;
 
     useEffect(() => {
         if (
@@ -88,7 +95,8 @@ export const useVerdierForBrev = (
                 beløpsperioder.data[beløpsperioder.data.length - 1].periode.tildato
             );
             const fraDato = formaterIsoDato(beløpsperioder.data[0].periode.fradato);
-            const SEKS_G = (6 * G).toLocaleString('nb-NO');
+            const seksGangerGrunnbeløp = seksGangerGrunnbeløpTall.toLocaleString('nb-NO');
+
             if (innholderBeløpsperioderForOvergangsstønad(beløpsperioder.data)) {
                 const inntektsgrunnlag =
                     beløpsperioder.data[beløpsperioder.data.length - 1].beregningsgrunnlag.inntekt;
@@ -123,12 +131,12 @@ export const useVerdierForBrev = (
                 [EBehandlingFlettefelt.fomdatoInnvilgelse]: fraDato,
                 [EBehandlingFlettefelt.fomdatoInnvilgelseBarnetilsyn]: fraDato,
                 [EBehandlingFlettefelt.tomdatoInnvilgelseBarnetilsyn]: tilDato,
-                [EBehandlingFlettefelt.seksGangerGrunnbelop]: SEKS_G,
+                [EBehandlingFlettefelt.seksGangerGrunnbelop]: seksGangerGrunnbeløp,
                 [EBehandlingFlettefelt.fomdatoRevurderingBT]: fraDato,
                 [EBehandlingFlettefelt.tomdatoRevurderingBT]: tilDato,
             });
         }
-    }, [beløpsperioder]);
+    }, [beløpsperioder, seksGangerGrunnbeløpTall]);
 
     useEffect(() => {
         settFlettefeltForAvslagMindreInntektsøkning();

src/frontend/Komponenter/Behandling/Aktivitet/Inntekt/GrunnbeløpInfo.tsx

@@ -1,40 +1,38 @@
-import React, { FC } from 'react';
+import React, { FC, useEffect } from 'react';
 import { formaterTallMedTusenSkille } from '../../../../App/utils/formatter';
 import TabellVisning from '../../Tabell/TabellVisning';
 import { VilkårInfoIkon } from '../../Vilkårpanel/VilkårInformasjonKomponenter';
+import { useHentNyesteGrunnbeløpOgAntallGrunnløpsperioderTilbakeITid } from '../../../../App/hooks/felles/useHentGrunbeløpsperioder';
 
 export const GrunnbeløpInfo: FC = () => {
-    const grunnbeløpGanger6 = [
-        {
-            fra: '01.05.2023',
-            grunnbeløpÅr: 711720,
-            grunnbeløpMåned: 59310,
-        },
-        {
-            fra: '01.05.2022',
-            grunnbeløpÅr: 668862,
-            grunnbeløpMåned: 55739,
-        },
-    ];
+    const { grunnbeløpsperioder, hentGrunnbeløpsperioderCallback } =
+        useHentNyesteGrunnbeløpOgAntallGrunnløpsperioderTilbakeITid(4);
+
+    useEffect(() => {
+        hentGrunnbeløpsperioderCallback();
+    }, [hentGrunnbeløpsperioderCallback]);
+
     return (
         <div>
             <TabellVisning
                 ikon={VilkårInfoIkon.PENGESEKK}
                 tittel="6 ganger grunnbeløpet"
-                verdier={grunnbeløpGanger6}
+                verdier={grunnbeløpsperioder}
                 minimerKolonnebredde={true}
                 kolonner={[
                     {
                         overskrift: 'Fra',
-                        tekstVerdi: (d) => d.fra,
+                        tekstVerdi: (d) => d.periode.fom,
                     },
                     {
                         overskrift: '6G  (år)',
-                        tekstVerdi: (d) => `${formaterTallMedTusenSkille(d.grunnbeløpÅr)} kr`,
+                        tekstVerdi: (d) =>
+                            `${formaterTallMedTusenSkille(d.seksGangerGrunnbeløp)} kr`,
                     },
                     {
                         overskrift: '6G (måned)',
-                        tekstVerdi: (d) => `${formaterTallMedTusenSkille(d.grunnbeløpMåned)} kr`,
+                        tekstVerdi: (d) =>
+                            `${formaterTallMedTusenSkille(d.seksGangerGrunnbeløpPerMåned)} kr`,
                     },
                 ]}
             />