Hent sats fra avtalens opprettetTidspunkt

Legg til date-fns-avhengigheten.

package.json

@@ -32,6 +32,7 @@
         "axios": "1.7.7",
         "axios-retry": "4.5.0",
         "classnames": "^2.5.1",
+        "date-fns": "^3.6.0",
         "lodash.debounce": "^4.0.8",
         "lodash.isequal": "^4.5.0",
         "lodash.sortby": "^4.7.0",

src/AvtaleSide/steg/BeregningTilskudd/BeregningVTAOTilskuddSteg.tsx

@@ -14,18 +14,20 @@ import VisueltDisabledInputFelt from '@/komponenter/VisueltDisabledInputFelt/Vis
 import VisningTilskuddsperioderVtao from './visningTilskuddsperioder/VisningTilskuddsperioderVtao';
 import { hentVtaoSats } from '@/services/rest-service';
 import { formaterPenger } from '@/utils/PengeUtils';
+import { format } from 'date-fns';
 
 const cls = BEMHelper('beregningTilskuddSteg');
 
 const BeregningVTAOTilskuddSteg: FunctionComponent = () => {
     const { avtale, lagreAvtale } = useContext(AvtaleContext);
 
-    const [sats, setSats] = useState<{ aar: number; belop: number }>({ aar: 0, belop: 0 });
+    const [sats, setSats] = useState<{ aar: number; belop: number }>({ aar: NaN, belop: NaN });
+
+    const satsBelop = isNaN(sats.belop) ? '...' : formaterPenger(sats.belop);
+    const satsAar = isNaN(sats.aar) ? '...' : sats.aar;
 
-    // TODO: skal vise satsen for året avtalen er opprettet
-    // (ingen garanti for at vi vet startDato her inntil varighet er fylt inn i et annet steg)
     useEffect(() => {
-        hentVtaoSats().then((data) => {
+        hentVtaoSats(format(new Date(avtale.opprettetTidspunkt), 'yyyy-MM-dd')).then((data) => {
             setSats(data);
         });
     }, [avtale]);
@@ -39,16 +41,16 @@ const BeregningVTAOTilskuddSteg: FunctionComponent = () => {
                     Hvor mye dekker tilskuddet?
                 </Heading>
                 <BodyShort size="small">
-                    Arbeidsgiveren får et tilskudd fra NAV for varig tilrettelagt arbeid. Tilskuddssatsen er{' '}
-                    {formaterPenger(sats.belop)} per måned. Satsen settes årlig av departementet og avtale- og
-                    refusjonsløsningen vil automatisk oppdateres når det kommer nye satser.
+                    Arbeidsgiveren får et tilskudd fra NAV for varig tilrettelagt arbeid. Tilskuddssatsen er {satsBelop}{' '}
+                    per måned. Satsen settes årlig av departementet og avtale- og refusjonsløsningen vil automatisk
+                    oppdateres når det kommer nye satser.
                 </BodyShort>
                 <VerticalSpacer rem={2} />
                 <div className={cls.element('rad')}>
                     <VisueltDisabledInputFelt
                         label="Månedlig tilskuddssats"
-                        description={`Sats for ${sats.aar}`}
-                        tekst={formaterPenger(sats.belop)}
+                        description={`Sats for ${satsAar}`}
+                        tekst={satsBelop}
                     />
                 </div>
                 <VisningTilskuddsperioderVtao />