Legger til feature toggle for å toggle bruk av ny eller gammel LastOppVedlegg komponent

Author: ole-kristian-rudjord

src/frontend/components/SøknadsSteg/Dokumentasjon/Dokumentasjon.tsx

@@ -6,6 +6,7 @@ import { Alert, BodyShort, Heading, VStack } from '@navikt/ds-react';
 import { RessursStatus } from '@navikt/familie-typer';
 
 import { useApp } from '../../../context/AppContext';
+import { useFeatureToggles } from '../../../context/FeatureToggleContext';
 import useFørsteRender from '../../../hooks/useFørsteRender';
 import { useSendInnSkjema } from '../../../hooks/useSendInnSkjema';
 import { IDokumentasjon, IVedlegg } from '../../../typer/dokumentasjon';
@@ -19,6 +20,7 @@ import Steg from '../../Felleskomponenter/Steg/Steg';
 import { VedleggOppsummering } from '../../Felleskomponenter/VedleggOppsummering/VedleggOppsummering';
 import { hentVedleggOppsummering } from '../../Felleskomponenter/VedleggOppsummering/vedleggOppsummering.domene';
 
+import LastOppVedlegg from './LastOppVedlegg';
 import LastOppVedlegg2 from './LastOppVedlegg2';
 
 // Vedlegg er lagret 48 timer
@@ -29,6 +31,7 @@ export const erVedleggstidspunktGyldig = (vedleggTidspunkt: string): boolean =>
 
 const Dokumentasjon: React.FC = () => {
     const { søknad, settSøknad, innsendingStatus, tekster, plainTekst } = useApp();
+    const { toggles } = useFeatureToggles();
     const { sendInnSkjema } = useSendInnSkjema();
     const [slettaVedlegg, settSlettaVedlegg] = useState<IVedlegg[]>([]);
 
@@ -150,11 +153,19 @@ const Dokumentasjon: React.FC = () => {
                 )}
                 {relevateDokumentasjoner.map((dokumentasjon, index) => (
                     <>
-                        <LastOppVedlegg2
-                            key={index}
-                            dokumentasjon={dokumentasjon}
-                            oppdaterDokumentasjon={oppdaterDokumentasjon}
-                        />
+                        {toggles.BRUK_NY_LAST_OPP_VEDLEGG_KOMPONENT ? (
+                            <LastOppVedlegg2
+                                key={index}
+                                dokumentasjon={dokumentasjon}
+                                oppdaterDokumentasjon={oppdaterDokumentasjon}
+                            />
+                        ) : (
+                            <LastOppVedlegg
+                                key={index}
+                                dokumentasjon={dokumentasjon}
+                                oppdaterDokumentasjon={oppdaterDokumentasjon}
+                            />
+                        )}
                     </>
                 ))}
                 {innsendingStatus.status === RessursStatus.FEILET && <Feilside />}

src/frontend/typer/feature-toggles.ts

@@ -6,13 +6,16 @@ export enum EFeatureToggle {
     // EKSEMPEL = 'EKSEMPEL',
     NYE_MODAL_TEKSTER = 'NYE_MODAL_TEKSTER',
     BRUK_NYTT_ENDEPUNKT_FOR_INNSENDING_AV_SOKNAD = 'BRUK_NYTT_ENDEPUNKT_FOR_INNSENDING_AV_SOKNAD',
+    BRUK_NY_LAST_OPP_VEDLEGG_KOMPONENT = 'BRUK_NY_LAST_OPP_VEDLEGG_KOMPONENT',
 }
 
 export const ToggleKeys: Record<EFeatureToggle, string> = {
     // [EFeatureToggle.EKSEMPEL]: 'familie-ba-soknad.eksempel',
     [EFeatureToggle.NYE_MODAL_TEKSTER]: 'familie-ba-soknad.nye-modal-tekster',
     [EFeatureToggle.BRUK_NYTT_ENDEPUNKT_FOR_INNSENDING_AV_SOKNAD]:
         'familie-ba-soknad.bruk_nytt_endepunkt_for_innsending_av_soknad',
+    [EFeatureToggle.BRUK_NY_LAST_OPP_VEDLEGG_KOMPONENT]:
+        'familie-ba-soknad.bruk-ny-last-opp-vedlegg-komponent',
 };
 
 export type EAllFeatureToggles = Record<EFeatureToggle, boolean>;