feat. blokkere endringer dersom vtao-toggle er av (#1309)

Author: eirikv

src/AvtaleSide/AvtaleSide.tsx

@@ -49,6 +49,7 @@ const AvtaleSide: FunctionComponent = () => {
     if (innloggetBruker.rolle === 'MENTOR') avtaleSteg = hentAvtaleSteg.MENTOR_INNSYN;
     const navigate = useNavigate();
     const { steg } = useParams<any>();
+    const { vtaoTiltakToggle } = useFeatureToggles();
 
     const erDesktop = windowSize > 768;
     const godkjentAvVeileder = avtale.godkjentAvVeileder !== null;
@@ -58,7 +59,9 @@ const AvtaleSide: FunctionComponent = () => {
         avtale.avbrutt ||
         avtale.annullertTidspunkt ||
         innloggetBruker.rolle === 'DELTAKER' ||
-        innloggetBruker.rolle === 'MENTOR';
+        innloggetBruker.rolle === 'MENTOR' ||
+        (!vtaoTiltakToggle && avtale.tiltakstype === 'VTAO');
+
     const sideTittel = avtaleTittel[avtale.tiltakstype];
 
     const handleWindowSize = () => setWindowSize(window.innerWidth);

src/AvtaleSide/Oppgavelinje/OppgaveLenker.tsx

@@ -18,10 +18,12 @@ import EndreOppfølgingOgTilrettelegging from '../steg/GodkjenningSteg/endringAv
 import EndreStillingbeskrivelse from '../steg/GodkjenningSteg/endringAvAvtaleInnhold/endreStillingbeskrivelse/EndreStillingbeskrivelse';
 import './OppgaveLenker.css';
 import FortsettTiltak from '../steg/GodkjenningSteg/endringAvAvtaleInnhold/FortsettTiltak/FortsettTiltak';
+import { useFeatureToggles } from '@/FeatureToggleProvider';
 
 const OppgaveLenker: React.FunctionComponent = () => {
     const { avtale } = useContext(AvtaleContext);
     const innloggetBruker = useContext(InnloggetBrukerContext);
+    const { vtaoTiltakToggle } = useFeatureToggles();
 
     const harØkonomi =
         avtale.tiltakstype === 'MIDLERTIDIG_LONNSTILSKUDD' ||
@@ -36,9 +38,10 @@ const OppgaveLenker: React.FunctionComponent = () => {
         avtale.tiltakstype === 'SOMMERJOBB' ||
         avtale.tiltakstype === 'ARBEIDSTRENING';
 
-    if (!erVeileder) {
+    if (!erVeileder || (!vtaoTiltakToggle && avtale.tiltakstype === 'VTAO')) {
         return <Varsellogg />;
     }
+
     return (
         <>
             <div className={'modelLenker'}>

src/AvtaleSide/steg/GodkjenningSteg/GodkjenningSteg.tsx

@@ -8,9 +8,10 @@ import Innholdsboks from '@/komponenter/Innholdsboks/Innholdsboks';
 import LagreSomPdfKnapp from '@/komponenter/LagreSomPdfKnapp/LagreSomPdfKnapp';
 import { Avtaleinnhold } from '@/types/avtale';
 import BEMHelper from '@/utils/bem';
-import React, { createElement, FunctionComponent, Suspense, useContext } from 'react';
+import React, { createElement, FunctionComponent, useContext } from 'react';
 import Godkjenning from './Godkjenning/Godkjenning';
 import './GodkjenningSteg.less';
+import { useFeatureToggles } from '@/FeatureToggleProvider';
 
 interface Props {
     oppsummering: FunctionComponent<{ avtaleinnhold: Avtaleinnhold }>;
@@ -21,10 +22,12 @@ const GodkjenningSteg: React.FunctionComponent<Props> = (props) => {
     const cls = BEMHelper('godkjenningSteg');
     const innloggetBruker = useContext(InnloggetBrukerContext);
     const { avtale } = useContext(AvtaleContext);
+    const { vtaoTiltakToggle } = useFeatureToggles();
 
     const skalViseGodkjenning =
         !avtale.erAnnullertEllerAvbrutt &&
-        (!innloggetBruker.erNavAnsatt || (innloggetBruker.erNavAnsatt && !avtale.erUfordelt));
+        (!innloggetBruker.erNavAnsatt || (innloggetBruker.erNavAnsatt && !avtale.erUfordelt)) &&
+        (avtale.tiltakstype !== 'VTAO' || vtaoTiltakToggle);
 
     return (
         <div className={cls.className}>