Lagt inn feature toggle for reaktiveringsknapp

navikt · Aug 31, 2023 · 36fceb6 · 36fceb6
1 parent dd4458a
commit 36fceb6
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 6 deletions.
diff --git a/src/komponenter/reaktivering/reaktivering-aktuelt.tsx b/src/komponenter/reaktivering/reaktivering-aktuelt.tsx
@@ -1,18 +1,19 @@
 import * as React from 'react';
-import { Alert, BodyShort, Heading, Link } from '@navikt/ds-react';
+import { Alert, BodyShort, Button, Heading, Link } from '@navikt/ds-react';
 
 import { useAmplitudeData } from '../hent-initial-data/amplitude-provider';
 import { useMeldeplikt } from '../../contexts/meldeplikt';
 
 import ErRendret from '../er-rendret/er-rendret';
 import InViewport from '../in-viewport/in-viewport';
 import { loggAktivitet } from '../../metrics/metrics';
-import { dialogLenke } from '../../innhold/lenker';
+import { dialogLenke, reaktiveringLenke } from '../../innhold/lenker';
 import SisteMeldekortVidereRegistrertValg from './siste-meldekort-videre-registrert-valg';
 
 import styles from '../../innhold/innhold.module.css';
 import spacingStyles from '../../spacing.module.css';
 import ReaktiveringKnapp from './reaktivering-knapp';
+import { FeatureToggles, useFeatureToggleData } from '../../contexts/feature-toggles';
 
 interface Props {
     handleIkkeReaktivering: (event: React.SyntheticEvent) => void;
@@ -21,9 +22,15 @@ interface Props {
 const ReaktiveringAktuelt = (props: Props) => {
     const { amplitudeData } = useAmplitudeData();
     const { meldeplikt } = useMeldeplikt();
+    const featureToggle = useFeatureToggleData();
 
     const { handleIkkeReaktivering } = props;
 
+    const handleReaktivering = (aktivitet: string) => {
+        loggAktivitet({ aktivitet: aktivitet, ...amplitudeData });
+        window.location.assign(reaktiveringLenke);
+    };
+
     const handleDialog = (aktivitet: string) => {
         loggAktivitet({ aktivitet: aktivitet, ...amplitudeData });
         window.location.assign(dialogLenke);
@@ -39,7 +46,13 @@ const ReaktiveringAktuelt = (props: Props) => {
                 <div>
                     <SisteMeldekortVidereRegistrertValg meldeplikt={meldeplikt} />
                     <BodyShort className={spacingStyles.blokkS}>
-                        <ReaktiveringKnapp aktivitet="Trykker på reaktivering" />
+                        {featureToggle[FeatureToggles.BRUK_REAKTIVERING_KNAPP] ? (
+                            <ReaktiveringKnapp aktivitet="Trykker på reaktivering" />
+                        ) : (
+                            <Button variant="primary" onClick={() => handleReaktivering('Går til reaktivering')}>
+                                Registrer deg som arbeidssøker
+                            </Button>
+                        )}
                     </BodyShort>
                     <BodyShort className={spacingStyles.blokkXs}>
                         <Link href={dialogLenke} onClick={handleIkkeReaktivering}>

diff --git a/src/komponenter/reaktivering/reaktivering-kanskje-aktuelt.tsx b/src/komponenter/reaktivering/reaktivering-kanskje-aktuelt.tsx
@@ -1,17 +1,18 @@
-import { Alert, BodyShort, Heading, Link } from '@navikt/ds-react';
+import { Alert, BodyShort, Button, Heading, Link } from '@navikt/ds-react';
 
 import { useAmplitudeData } from '../hent-initial-data/amplitude-provider';
 import { useMeldeplikt } from '../../contexts/meldeplikt';
 
 import ErRendret from '../er-rendret/er-rendret';
 import InViewport from '../in-viewport/in-viewport';
 import { loggAktivitet } from '../../metrics/metrics';
-import { dialogLenke } from '../../innhold/lenker';
+import { dialogLenke, reaktiveringLenke } from '../../innhold/lenker';
 import SisteMeldekortVidereRegistrertValg from './siste-meldekort-videre-registrert-valg';
 
 import styles from '../../innhold/innhold.module.css';
 import spacingStyles from '../../spacing.module.css';
 import ReaktiveringKnapp from './reaktivering-knapp';
+import { FeatureToggles, useFeatureToggleData } from '../../contexts/feature-toggles';
 
 interface ReaktiveringKanskjeAktueltProps {
     skalViseDato: boolean;
@@ -20,8 +21,14 @@ interface ReaktiveringKanskjeAktueltProps {
 const ReaktiveringKanskjeAktuelt = (props: ReaktiveringKanskjeAktueltProps) => {
     const { amplitudeData } = useAmplitudeData();
     const { meldeplikt } = useMeldeplikt();
+    const featureToggle = useFeatureToggleData();
     const { skalViseDato } = props;
 
+    const handleReaktivering = (aktivitet: string) => {
+        loggAktivitet({ aktivitet: aktivitet, ...amplitudeData });
+        window.location.assign(reaktiveringLenke);
+    };
+
     const handleDialog = (aktivitet: string) => {
         loggAktivitet({ aktivitet: aktivitet, ...amplitudeData });
         window.location.assign(dialogLenke);
@@ -48,7 +55,16 @@ const ReaktiveringKanskjeAktuelt = (props: ReaktiveringKanskjeAktueltProps) => {
                         </Link>
                     </BodyShort>
                     <BodyShort className={spacingStyles.mb1}>
-                        <ReaktiveringKnapp aktivitet="Trykker på reaktivering fra reaktivering ikke aktuelt" />
+                        {featureToggle[FeatureToggles.BRUK_REAKTIVERING_KNAPP] ? (
+                            <ReaktiveringKnapp aktivitet="Trykker på reaktivering fra reaktivering ikke aktuelt" />
+                        ) : (
+                            <Button
+                                variant="secondary"
+                                onClick={() => handleReaktivering('Går til reaktivering fra reaktivering ikke aktuelt')}
+                            >
+                                Registrer deg som arbeidssøker
+                            </Button>
+                        )}
                     </BodyShort>
                     <InViewport loggTekst="Reaktivering ikke aktuelt" />
                 </div>