Fikser to feil der data prøver å hentes ut fra undefined objekt (#5341)

navikt · Nov 29, 2023 · 88e15ec · 88e15ec
1 parent b8222b3
commit 88e15ec
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 27 deletions.
diff --git a/...telser/src/InntektOgYtelserFaktaIndex.jsx → ...telser/src/InntektOgYtelserFaktaIndex.tsx b/...telser/src/InntektOgYtelserFaktaIndex.jsx → ...telser/src/InntektOgYtelserFaktaIndex.tsx
@@ -1,8 +1,8 @@
-import PropTypes from 'prop-types';
 import React from 'react';
 import { createIntl, createIntlCache, RawIntlProvider } from 'react-intl';
 import messages from '../i18n/nb_NO.json';
 import InntektOgYtelserPanel from './components/InntektOgYtelserFaktaPanel';
+import { Inntekt } from './InntektType';
 
 const cache = createIntlCache();
 
@@ -14,14 +14,14 @@ const intl = createIntl(
   cache,
 );
 
-const InntektOgYtelserFaktaIndex = ({ inntektOgYtelser }) => (
+interface InntektOgYtelserFaktaIndexProps {
+  inntektOgYtelser?: { inntekt: Inntekt[] };
+}
+
+const InntektOgYtelserFaktaIndex: React.FC<InntektOgYtelserFaktaIndexProps> = ({ inntektOgYtelser }) => (
   <RawIntlProvider value={intl}>
-    <InntektOgYtelserPanel inntekter={inntektOgYtelser.inntekt} />
+    <InntektOgYtelserPanel inntekter={inntektOgYtelser?.inntekt} />
   </RawIntlProvider>
 );
 
-InntektOgYtelserFaktaIndex.propTypes = {
-  inntektOgYtelser: PropTypes.shape().isRequired,
-};
-
 export default InntektOgYtelserFaktaIndex;
diff --git a/packages/fakta-inntekt-og-ytelser/src/InntektType.ts b/packages/fakta-inntekt-og-ytelser/src/InntektType.ts
@@ -0,0 +1,12 @@
+import { Kodeverk } from '@k9-sak-web/types';
+
+export interface Inntekt {
+  fom: string;
+  tom: string;
+  utbetaler: string;
+  inntektspostType: Kodeverk;
+  ytelseType: Kodeverk;
+  belop: number;
+  ytelse: boolean;
+  navn: string;
+}
diff --git a/...components/InntektOgYtelserFaktaPanel.jsx → ...components/InntektOgYtelserFaktaPanel.tsx b/...components/InntektOgYtelserFaktaPanel.jsx → ...components/InntektOgYtelserFaktaPanel.tsx
@@ -1,23 +1,27 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
 import moment from 'moment';
-import { Normaltekst } from 'nav-frontend-typografi';
 import Panel from 'nav-frontend-paneler';
+import { Normaltekst } from 'nav-frontend-typografi';
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
 
-import { formatCurrencyWithKr, ISO_DATE_FORMAT } from '@fpsak-frontend/utils';
 import { PeriodLabel, Table, TableColumn, TableRow } from '@fpsak-frontend/shared-components';
+import { formatCurrencyWithKr, ISO_DATE_FORMAT } from '@fpsak-frontend/utils';
+import { Inntekt } from '../InntektType';
 
 const headerTextCodes = [
   'InntektOgYtelserFaktaPanel.Employer',
   'InntektOgYtelserFaktaPanel.Period',
   'InntektOgYtelserFaktaPanel.Amount',
 ];
 
-const sortInntekter = (inntekt1, inntekt2) =>
+const sortInntekter = (inntekt1: Inntekt, inntekt2: Inntekt) =>
   moment(inntekt2.fom, ISO_DATE_FORMAT).diff(moment(inntekt1.fom, ISO_DATE_FORMAT));
 
-const InntektOgYtelserFaktaPanel = ({ inntekter }) => {
+interface InntektOgYtelserFaktaPanelProps {
+  inntekter?: Inntekt[];
+}
+
+const InntektOgYtelserFaktaPanel: React.FC<InntektOgYtelserFaktaPanelProps> = ({ inntekter }) => {
   if (!inntekter || inntekter.length === 0) {
     return (
       <Panel border>
@@ -48,12 +52,4 @@ const InntektOgYtelserFaktaPanel = ({ inntekter }) => {
   );
 };
 
-InntektOgYtelserFaktaPanel.propTypes = {
-  inntekter: PropTypes.arrayOf(PropTypes.shape()),
-};
-
-InntektOgYtelserFaktaPanel.defaultProps = {
-  inntekter: [],
-};
-
 export default InntektOgYtelserFaktaPanel;
diff --git a/packages/fakta-soknadsperioder/src/SoknadsperioderIndex.tsx b/packages/fakta-soknadsperioder/src/SoknadsperioderIndex.tsx
@@ -1,6 +1,7 @@
 import kodeverkTyper from '@fpsak-frontend/kodeverk/src/kodeverkTyper';
 import { KodeverkMedNavn } from '@k9-sak-web/types';
 import BehandlingPerioderårsakMedVilkår from '@k9-sak-web/types/src/behandlingPerioderarsakMedVilkar';
+import { Loader } from '@navikt/ds-react';
 import React from 'react';
 import { createIntl, createIntlCache, RawIntlProvider } from 'react-intl';
 import messages from '../i18n/nb_NO.json';
@@ -17,7 +18,7 @@ const intlConfig = createIntl(
 );
 
 interface SoknadsperioderIndexProps {
-  behandlingPerioderårsakMedVilkår: BehandlingPerioderårsakMedVilkår;
+  behandlingPerioderårsakMedVilkår?: BehandlingPerioderårsakMedVilkår;
   alleKodeverk: { [key: string]: KodeverkMedNavn[] };
 }
 
@@ -26,10 +27,14 @@ const SoknadsperioderIndex: React.FC<SoknadsperioderIndexProps> = ({
   alleKodeverk,
 }) => (
   <RawIntlProvider value={intlConfig}>
-    <SoknadsperioderComponent
-      behandlingPerioderårsakMedVilkår={behandlingPerioderårsakMedVilkår}
-      kodeverk={alleKodeverk[kodeverkTyper.ÅRSAK_TIL_VURDERING]}
-    />
+    {behandlingPerioderårsakMedVilkår ? (
+      <SoknadsperioderComponent
+        behandlingPerioderårsakMedVilkår={behandlingPerioderårsakMedVilkår}
+        kodeverk={alleKodeverk[kodeverkTyper.ÅRSAK_TIL_VURDERING]}
+      />
+    ) : (
+      <Loader size="2xlarge" />
+    )}
   </RawIntlProvider>
 );