Nav 21886/fjerer toggle for ny guidepanel i ba søknad (#1319)

* Fjerner toggle for å bytte mellom gammel info og ny guidepanel i steg ettersom feature-toggle er skrudd på i prod * Revert "Fjerner toggle for å bytte mellom gammel info og ny guidepanel i steg ettersom feature-toggle er skrudd på i prod" This reverts commit 134edd8. * Fjerner toggle for å bytte mellom gammel info og ny guidepanel i steg * Stopper guidepanel fra å vises dersom ingen guide sendes til steg
navikt · Aug 7, 2024 · 57f210a · 57f210a
1 parent c8cdbe0
commit 57f210a
Show file tree

Hide file tree

Showing 7 changed files with 8 additions and 83 deletions.
diff --git a/src/frontend/components/Felleskomponenter/Steg/Steg.tsx b/src/frontend/components/Felleskomponenter/Steg/Steg.tsx
@@ -10,7 +10,6 @@ import { setAvailableLanguages } from '@navikt/nav-dekoratoren-moduler';
 
 import { useApp } from '../../../context/AppContext';
 import { useAppNavigation } from '../../../context/AppNavigationContext';
-import { useFeatureToggles } from '../../../context/FeatureToggleContext';
 import { useSteg } from '../../../context/StegContext';
 import useFørsteRender from '../../../hooks/useFørsteRender';
 import { device } from '../../../Theme';
@@ -74,13 +73,7 @@ const Form = styled.form`
     width: 100%;
 `;
 
-const Steg: React.FC<ISteg> = ({
-    tittel,
-    guide = undefined,
-    skjema,
-    gåVidereCallback,
-    children,
-}) => {
+const Steg: React.FC<ISteg> = ({ tittel, guide, skjema, gåVidereCallback, children }) => {
     const navigate = useNavigate();
     const { erÅpen: erModellVersjonModalÅpen, åpneModal: åpneModellVersjonModal } = useModal();
     const {
@@ -102,7 +95,6 @@ const Steg: React.FC<ISteg> = ({
         erPåKvitteringsside,
     } = useSteg();
     const { komFra, settKomFra } = useAppNavigation();
-    const { toggles } = useFeatureToggles();
 
     const nesteRoute = hentNesteSteg();
     const forrigeRoute = hentForrigeSteg();
@@ -218,7 +210,7 @@ const Steg: React.FC<ISteg> = ({
                         {tittel}
                     </Heading>
                 </TittelContainer>
-                {toggles.VIS_GUIDE_I_STEG && guide && (
+                {guide && (
                     <Box marginBlock="0 12">
                         <GuidePanel poster>
                             <TekstBlock block={guide} />

diff --git a/src/frontend/components/SøknadsSteg/Dokumentasjon/Dokumentasjon.tsx b/src/frontend/components/SøknadsSteg/Dokumentasjon/Dokumentasjon.tsx
@@ -2,11 +2,10 @@ import React, { useState } from 'react';
 
 import { add, isBefore } from 'date-fns';
 
-import { Alert, BodyLong, BodyShort } from '@navikt/ds-react';
+import { Alert, BodyShort } 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';
@@ -30,7 +29,6 @@ export const erVedleggstidspunktGyldig = (vedleggTidspunkt: string): boolean =>
 const Dokumentasjon: React.FC = () => {
     const { søknad, settSøknad, innsendingStatus, tekster } = useApp();
     const { sendInnSkjemaV8 } = useSendInnSkjema();
-    const { toggles } = useFeatureToggles();
     const [slettaVedlegg, settSlettaVedlegg] = useState<IVedlegg[]>([]);
 
     const oppdaterDokumentasjon = (
@@ -70,8 +68,6 @@ const Dokumentasjon: React.FC = () => {
     const stegTekster = tekster()[ESanitySteg.DOKUMENTASJON];
     const { dokumentasjonGuide } = stegTekster;
 
-    const visNyGuide = toggles.VIS_GUIDE_I_STEG && dokumentasjonGuide;
-
     return (
         <Steg
             tittel={<SpråkTekst id={'dokumentasjon.sidetittel'} />}
@@ -97,23 +93,9 @@ const Dokumentasjon: React.FC = () => {
                     </Alert>
                 </KomponentGruppe>
             )}
-            {visNyGuide ? (
-                <KomponentGruppe>
-                    <PictureScanningGuide />
-                </KomponentGruppe>
-            ) : (
-                <KomponentGruppe>
-                    <Alert variant={'info'}>
-                        <SpråkTekst id={'dokumentasjon.nudge'} />
-                    </Alert>
-
-                    <BodyLong>
-                        <SpråkTekst id={'dokumentasjon.info'} />
-                    </BodyLong>
-
-                    <PictureScanningGuide />
-                </KomponentGruppe>
-            )}
+            <KomponentGruppe>
+                <PictureScanningGuide />
+            </KomponentGruppe>
             {søknad.dokumentasjon
                 .filter(dokumentasjon => erDokumentasjonRelevant(dokumentasjon))
                 .map((dokumentasjon, index) => (

diff --git a/src/frontend/components/SøknadsSteg/OmDeg/Personopplysninger.tsx b/src/frontend/components/SøknadsSteg/OmDeg/Personopplysninger.tsx
@@ -2,14 +2,12 @@ import React from 'react';
 
 import { Alpha3Code } from 'i18n-iso-countries';
 
-import { Alert, BodyShort, Label } from '@navikt/ds-react';
+import { BodyShort, Label } from '@navikt/ds-react';
 
 import { useApp } from '../../../context/AppContext';
-import { useFeatureToggles } from '../../../context/FeatureToggleContext';
 import { useSpråk } from '../../../context/SpråkContext';
 import { genererAdresseVisning } from '../../../utils/adresse';
 import { hentSivilstatusSpråkId, landkodeTilSpråk } from '../../../utils/språk';
-import EksternLenke from '../../Felleskomponenter/EksternLenke/EksternLenke';
 import Informasjonsbolk from '../../Felleskomponenter/Informasjonsbolk/Informasjonsbolk';
 import SpråkTekst from '../../Felleskomponenter/SpråkTekst/SpråkTekst';
 
@@ -18,23 +16,11 @@ import { omDegPersonopplysningerSpråkId } from './spørsmål';
 export const Personopplysninger: React.FC = () => {
     const { valgtLocale } = useSpråk();
     const { søknad } = useApp();
-    const { toggles } = useFeatureToggles();
 
     const søker = søknad.søker;
 
     return (
         <>
-            {!toggles.VIS_GUIDE_I_STEG && (
-                <Alert variant={'info'} inline>
-                    <SpråkTekst id={'omdeg.personopplysninger.info.alert'} />
-                    <EksternLenke
-                        lenkeTekstSpråkId={'omdeg.endre-opplysninger.lenketekst'}
-                        lenkeSpråkId={'omdeg.endre-opplysninger.lenke'}
-                        target="_blank"
-                    />
-                </Alert>
-            )}
-
             <Informasjonsbolk>
                 <Label as="p">
                     <SpråkTekst id={'felles.fødsels-eller-dnummer.label'} />

diff --git a/src/frontend/components/SøknadsSteg/Oppsummering/Oppsummering.tsx b/src/frontend/components/SøknadsSteg/Oppsummering/Oppsummering.tsx
@@ -1,13 +1,9 @@
 import React, { useState } from 'react';
 
 import { useNavigate } from 'react-router-dom';
-import styled from 'styled-components';
-
-import { BodyLong } from '@navikt/ds-react';
 
 import { useApp } from '../../../context/AppContext';
 import { useEøs } from '../../../context/EøsContext';
-import { useFeatureToggles } from '../../../context/FeatureToggleContext';
 import { useSteg } from '../../../context/StegContext';
 import { IBarnMedISøknad } from '../../../typer/barn';
 import { RouteEnum } from '../../../typer/routes';
@@ -23,15 +19,10 @@ import OmBarnetOppsummering from './OppsummeringSteg/OmBarnet/OmBarnetOppsummeri
 import OmDegOppsummering from './OppsummeringSteg/OmDegOppsummering';
 import VelgBarnOppsummering from './OppsummeringSteg/VelgBarnOppsummering';
 
-const StyledBodyLong = styled(BodyLong)`
-    padding-bottom: 4rem;
-`;
-
 const Oppsummering: React.FC = () => {
     const { søknad, tekster } = useApp();
     const { hentStegNummer } = useSteg();
     const navigate = useNavigate();
-    const { toggles } = useFeatureToggles();
     const [feilAnchors, settFeilAnchors] = useState<string[]>([]);
     const { barnSomTriggerEøs, søkerTriggerEøs } = useEøs();
     const søkerHarEøsSteg = søkerTriggerEøs || !!barnSomTriggerEøs.length;
@@ -54,20 +45,12 @@ const Oppsummering: React.FC = () => {
     const stegTekster = tekster()[ESanitySteg.OPPSUMMERING];
     const { oppsummeringGuide } = stegTekster;
 
-    const visGammelInfo = !toggles.VIS_GUIDE_I_STEG || !oppsummeringGuide;
-
     return (
         <Steg
             tittel={<SpråkTekst id={'oppsummering.sidetittel'} />}
             guide={oppsummeringGuide}
             gåVidereCallback={gåVidereCallback}
         >
-            {visGammelInfo && (
-                <StyledBodyLong>
-                    <SpråkTekst id={'oppsummering.info'} />
-                </StyledBodyLong>
-            )}
-
             <OmDegOppsummering settFeilAnchors={settFeilAnchors} />
             <DinLivssituasjonOppsummering settFeilAnchors={settFeilAnchors} />
             <VelgBarnOppsummering settFeilAnchors={settFeilAnchors} />

diff --git a/src/frontend/components/SøknadsSteg/VelgBarn/VelgBarn.tsx b/src/frontend/components/SøknadsSteg/VelgBarn/VelgBarn.tsx
@@ -1,11 +1,9 @@
 import React from 'react';
 
-import { Alert, VStack } from '@navikt/ds-react';
+import { VStack } from '@navikt/ds-react';
 
 import { useApp } from '../../../context/AppContext';
-import { useFeatureToggles } from '../../../context/FeatureToggleContext';
 import { ESanitySteg } from '../../../typer/sanity/sanity';
-import EksternLenke from '../../Felleskomponenter/EksternLenke/EksternLenke';
 import useModal from '../../Felleskomponenter/SkjemaModal/useModal';
 import SpråkTekst from '../../Felleskomponenter/SpråkTekst/SpråkTekst';
 import Steg from '../../Felleskomponenter/Steg/Steg';
@@ -28,7 +26,6 @@ const VelgBarn: React.FC = () => {
         barnSomSkalVæreMed,
         fjernBarn,
     } = useVelgBarn();
-    const { toggles } = useFeatureToggles();
 
     const barnFraRespons = søknad.søker.barn;
     const barnManueltLagtTil = søknad.barnRegistrertManuelt;
@@ -37,8 +34,6 @@ const VelgBarn: React.FC = () => {
     const stegTekster = tekster()[ESanitySteg.VELG_BARN];
     const { velgBarnGuide } = stegTekster;
 
-    const visGammelInfo = !toggles.VIS_GUIDE_I_STEG || !velgBarnGuide;
-
     return (
         <>
             <Steg
@@ -53,16 +48,6 @@ const VelgBarn: React.FC = () => {
                     },
                 }}
             >
-                {visGammelInfo && (
-                    <Alert variant={'info'} inline>
-                        <SpråkTekst id={'hvilkebarn.info.alert'} />
-                        <EksternLenke
-                            lenkeSpråkId={'hvilkebarn.endre-opplysninger.lenke'}
-                            lenkeTekstSpråkId={'hvilkebarn.endre-opplysninger.lenketekst'}
-                            target="_blank"
-                        />
-                    </Alert>
-                )}
                 <VStack
                     id={VelgBarnSpørsmålId.velgBarn}
                     className={'BarnekortStack'}

diff --git a/src/frontend/typer/feature-toggles.ts b/src/frontend/typer/feature-toggles.ts
@@ -5,14 +5,12 @@ export enum EKillSwitchToggle {
 export enum EFeatureToggle {
     // EKSEMPEL = 'EKSEMPEL',
     NYE_MODAL_TEKSTER = 'NYE_MODAL_TEKSTER',
-    VIS_GUIDE_I_STEG = 'VIS_GUIDE_I_STEG',
     NYE_VEDLEGGSTEKSTER = 'NYE_VEDLEGGSTEKSTER',
 }
 
 export const ToggleKeys: Record<EFeatureToggle, string> = {
     // [EFeatureToggle.EKSEMPEL]: 'familie-ba-soknad.eksempel',
     [EFeatureToggle.NYE_MODAL_TEKSTER]: 'familie-ba-soknad.nye-modal-tekster',
-    [EFeatureToggle.VIS_GUIDE_I_STEG]: 'familie-ba-soknad.vis-guide-i-steg',
     [EFeatureToggle.NYE_VEDLEGGSTEKSTER]: 'familie-ba-soknad.nye-vedleggstekster',
 };
 

diff --git a/src/frontend/utils/testing.tsx b/src/frontend/utils/testing.tsx
@@ -156,7 +156,6 @@ export const mockFeatureToggle = () => {
                 // toggles: { [EFeatureToggle.EXAMPLE]: false },
                 toggles: {
                     [EFeatureToggle.NYE_MODAL_TEKSTER]: false,
-                    [EFeatureToggle.VIS_GUIDE_I_STEG]: false,
                     [EFeatureToggle.NYE_VEDLEGGSTEKSTER]: false,
                 },
             })