Bruk <MeldekortMikrofrontend> ved feature toggle

src/contexts/feature-toggles.ts

@@ -7,6 +7,7 @@ export enum FeatureToggles {
     BRUK_SPRAKVELGER = 'aia.bruk-sprakvelger',
     BRUK_TABS_DEMO = 'aia.bruk-tabs-demo',
     BRUK_ENDRING_AV_SITUASJON = 'aia.bruk-endring-av-situasjon',
+    BRUK_MELDEKORT_MIKROSERVICE = 'aia.bruk-meldekort-mikroservice',
 }
 
 export function prettyPrintFeatureToggle(toggle: FeatureToggles) {
@@ -21,6 +22,8 @@ export function prettyPrintFeatureToggle(toggle: FeatureToggles) {
             return 'Bruk tabs demo';
         case FeatureToggles.BRUK_ENDRING_AV_SITUASJON:
             return 'Bruk endring av situasjon';
+        case FeatureToggles.BRUK_MELDEKORT_MIKROSERVICE:
+            return 'Bruk meldekort mikroservice';
     }
 }
 
@@ -30,6 +33,7 @@ export interface FeautreToggleData {
     'aia.bruk-sprakvelger'?: boolean;
     'aia.bruk-tabs-demo'?: boolean;
     'aia.bruk-endring-av-situasjon'?: boolean;
+    'aia.bruk-meldekort-mikroservice'?: boolean;
 }
 
 export interface State extends DataElement {
@@ -43,6 +47,7 @@ export const initialState: State = {
         'aia.bruk-sprakvelger': false,
         'aia.bruk-tabs-demo': false,
         'aia.bruk-endring-av-situasjon': false,
+        'aia.bruk-meldekort-mikroservice': false,
     },
     status: STATUS.NOT_STARTED,
 };

src/komponenter/meldekort-mikrofrontend/api/urls.ts

@@ -16,7 +16,7 @@ export const getEnvironment = (): 'production' | 'development' | 'local' => {
 type EnvUrl = { local: string; development: string; production: string };
 
 const MELDEKORT_API_URL: EnvUrl = {
-    local: 'http://localhost:3002/api/meldekortinfo',
+    local: 'http://localhost:3000/aia-backend/meldekort/status',
     development: 'https://www.intern.dev.nav.no/tms-min-side-proxy/meldekort/api/person/meldekortstatus',
     production: 'https://www.nav.no/tms-min-side-proxy/meldekort/api/person/meldekortstatus',
 };

src/komponenter/meldekort-mikrofrontend/domain/meldekortState.ts

@@ -50,9 +50,16 @@ export const isMeldekortbruker = (meldekort: MeldekortDataFraApi) => {
 };
 
 const calculateSisteDatoForTrekk = (til?: string) => {
-    const tilDato = datoUtenTid(til || '');
+    if (!til) {
+        return {
+            sisteDatoForTrekk: '',
+            risikerTrekk: false,
+        };
+    }
+
+    const tilDato = datoUtenTid(til);
     const sisteDatoForTrekk = plussDager(tilDato, 8);
-    const risikerTrekk = antallDagerSiden(datoUtenTid(''), tilDato) < 0;
+    const risikerTrekk = antallDagerSiden(datoUtenTid(new Date().toISOString()), tilDato) < 0;
 
     return {
         sisteDatoForTrekk: sisteDatoForTrekk.toISOString().substring(0, 10),

src/komponenter/meldekort/meldekort.tsx

@@ -10,6 +10,8 @@ import lagHentTekstForSprak from '../../lib/lag-hent-tekst-for-sprak';
 import { loggAktivitet } from '../../metrics/metrics';
 
 import useSkalBrukeTabs from '../../hooks/use-skal-bruke-tabs';
+import { useFeatureToggleData } from '../../contexts/feature-toggles';
+import MeldekortMikrofrontend from '../meldekort-mikrofrontend/meldekort-mikrofrontend';
 
 const TEKSTER = {
     nb: {
@@ -26,7 +28,8 @@ function Meldekort() {
     const sprak = useSprakValg().sprak;
     const tekst = lagHentTekstForSprak(TEKSTER, sprak);
     const brukTabsDemo = useSkalBrukeTabs();
-
+    const featuretoggleData = useFeatureToggleData();
+    const brukMeldekortMikroservice = featuretoggleData['aia.bruk-meldekort-mikroservice'];
     const handleClickLesMer = () => {
         if (!clickedLesMer) {
             loggAktivitet({ aktivitet: 'Leser forklaringen for meldekort', ...amplitudeData });
@@ -41,7 +44,7 @@ function Meldekort() {
                     Meldekort og meldeplikt
                 </Detail>
             )}
-            <MeldekortHovedInnhold />
+            {brukMeldekortMikroservice ? <MeldekortMikrofrontend /> : <MeldekortHovedInnhold />}
             <ReadMore size="medium" header={tekst('overskrift')} onClick={handleClickLesMer}>
                 <MeldekortForklaring />
             </ReadMore>

src/mocks/meldekortstatus-mock.ts

@@ -1,14 +1,15 @@
 const meldekortstatusMock = {
     meldekort: 0,
-    etterregistrerteMeldekort: 0,
+    etterregistrerteMeldekort: 1,
     antallGjenstaaendeFeriedager: 0,
     nesteMeldekort: {
-        uke: 'string',
+        uke: '37-38',
         kanSendesFra: '2021-01-19',
         til: '2021-01-19',
         fra: '2021-01-05',
     },
     nesteInnsendingAvMeldekort: null,
+    resterendeFeriedager: 2,
 };
 
 export default meldekortstatusMock;