feat. Oppdatert tekster for opphav Arena (#1241)

* feat. Oppdatert tekster for opphav Arena * fix. Fikset opp i storybook mocks * feat. Forbedret sjekking av avtalepart for veileder status * fix. fjerne optional på tilskuddsperiode
navikt · Sep 13, 2024 · 83e333e · 83e333e
1 parent 4b51f66
commit 83e333e
Show file tree

Hide file tree

Showing 11 changed files with 537 additions and 295 deletions.
diff --git a/src/AvtaleSide/AvtaleStatus/VeilederAvtaleStatus.tsx b/src/AvtaleSide/AvtaleStatus/VeilederAvtaleStatus.tsx
diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/GodkjenningInstruks.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/GodkjenningInstruks.tsx
@@ -20,7 +20,7 @@ const GodkjenningInstruks: FunctionComponent = () => {
         case 'ARBEIDSGIVER':
             return <ArbeidsgiverInstruks erLaast={erLåst} tiltakstype={tiltakstype} />;
         case 'VEILEDER':
-            return <VeilederInstruks tiltakstype={tiltakstype} />;
+            return <VeilederInstruks avtale={avtaleContext.avtale} />;
         default:
             return null;
     }

diff --git a/...taleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/VeilederInstruks.tsx b/...taleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/VeilederInstruks.tsx
@@ -1,26 +1,67 @@
-import VeilederpanelMedUtklippstavle from '@/komponenter/Veilederpanel/VeilederpanelMedUtklippstavleIkon';
-import { TiltaksType } from '@/types/avtale';
+import React from 'react';
 import BEMHelper from '@/utils/bem';
 import { Label } from '@navikt/ds-react';
-import React, { FunctionComponent, PropsWithChildren } from 'react';
-import '../instruks.less';
-import SommerjobbVeilederTekst from '@/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/tekster/SommerjobbVeilederTekst';
-import GenerelVeilederTekst from '@/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/tekster/GenerelVeilederTekst';
-import LonnstilskuddVeilederTekst from '@/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/tekster/LonnstilskuddVeilederTekst';
+
+import { Avtale } from '@/types/avtale';
+import VeilederpanelMedUtklippstavle from '@/komponenter/Veilederpanel/VeilederpanelMedUtklippstavleIkon';
+
+import '@/AvtaleSide/steg/GodkjenningSteg/Oppsummering/instruks/instruks.less';
+
+import GenerelVeilederTekst from './tekster/GenerelVeilederTekst';
+import LonnstilskuddVeilederTekst from './tekster/LonnstilskuddVeilederTekst';
+import SommerjobbVeilederTekst from './tekster/SommerjobbVeilederTekst';
+import ArbeidstreningVeilederTekst from './tekster/ArbeidstreningVeilederTekst';
 
 const cls = BEMHelper('instruks');
 
-const VeilederInstruks: FunctionComponent<{ tiltakstype: TiltaksType }> = (
-    props: PropsWithChildren<{ tiltakstype: TiltaksType }>,
-) => (
-    <VeilederpanelMedUtklippstavle>
-        <div className={cls.element('subheader')}>
-            <Label>Hva skjer videre:</Label>
-        </div>
-        <SommerjobbVeilederTekst tiltakstype={props.tiltakstype} />
-        <GenerelVeilederTekst tiltakstype={props.tiltakstype} />
-        <LonnstilskuddVeilederTekst tiltakstype={props.tiltakstype} />
-    </VeilederpanelMedUtklippstavle>
-);
+interface Props {
+    avtale: Avtale;
+}
+
+const VeilederInstruks = (props: Props) => {
+    const { tiltakstype, opphav } = props.avtale;
+
+    if (tiltakstype === 'SOMMERJOBB') {
+        return (
+            <VeilederpanelMedUtklippstavle>
+                <div className={cls.element('subheader')}>
+                    <Label>Hva skjer videre:</Label>
+                </div>
+                <SommerjobbVeilederTekst />
+            </VeilederpanelMedUtklippstavle>
+        );
+    }
+
+    if (tiltakstype === 'MIDLERTIDIG_LONNSTILSKUDD' || tiltakstype === 'VARIG_LONNSTILSKUDD') {
+        return (
+            <VeilederpanelMedUtklippstavle>
+                <div className={cls.element('subheader')}>
+                    <Label>Hva skjer videre:</Label>
+                </div>
+                <LonnstilskuddVeilederTekst />
+            </VeilederpanelMedUtklippstavle>
+        );
+    }
+
+    if (tiltakstype === 'ARBEIDSTRENING') {
+        return (
+            <VeilederpanelMedUtklippstavle>
+                <div className={cls.element('subheader')}>
+                    <Label>Hva skjer videre:</Label>
+                </div>
+                <ArbeidstreningVeilederTekst tiltakstype={tiltakstype} opphav={opphav} />
+            </VeilederpanelMedUtklippstavle>
+        );
+    }
+
+    return (
+        <VeilederpanelMedUtklippstavle>
+            <div className={cls.element('subheader')}>
+                <Label>Hva skjer videre:</Label>
+            </div>
+            <GenerelVeilederTekst tiltakstype={tiltakstype} />
+        </VeilederpanelMedUtklippstavle>
+    );
+};
 
 export default VeilederInstruks;
diff --git a/...enningSteg/Oppsummering/instruks/veilederInstruks/tekster/ArbeidstreningVeilederTekst.tsx b/...enningSteg/Oppsummering/instruks/veilederInstruks/tekster/ArbeidstreningVeilederTekst.tsx
@@ -0,0 +1,39 @@
+import React from 'react';
+import { BodyShort } from '@navikt/ds-react';
+
+import BEMHelper from '@/utils/bem';
+import { TiltaksType, Avtaleopphav } from '@/types/avtale';
+
+interface Props {
+    tiltakstype: TiltaksType;
+    opphav: Avtaleopphav;
+}
+
+function ArbeidstreningVeilederTekst(props: Props) {
+    const { tiltakstype, opphav } = props;
+    const cls = BEMHelper('instruks');
+
+    return (
+        <ul>
+            <li className={cls.element('list-element')}>
+                {opphav === 'ARENA' && (
+                    <BodyShort size="small">Arena skal ikke lenger benyttes til registrering av avtale.</BodyShort>
+                )}
+                {opphav !== 'ARENA' && (
+                    <BodyShort size="small">
+                        Etter at avtalen er godkjent, ligger oppgaven «Forbered tiltaksgjennomføring {tiltakstype}» på
+                        kontorets arbeidsbenk i Arena som du må fullføre.
+                    </BodyShort>
+                )}
+            </li>
+            <li>
+                <BodyShort size="small">
+                    Avtalen blir automatisk journalført i Gosys, og du trenger derfor ikke å sende inn avtalen til
+                    scanning.
+                </BodyShort>
+            </li>
+        </ul>
+    );
+}
+
+export default ArbeidstreningVeilederTekst;
diff --git a/...g/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/tekster/GenerelVeilederTekst.tsx b/...g/GodkjenningSteg/Oppsummering/instruks/veilederInstruks/tekster/GenerelVeilederTekst.tsx
@@ -1,20 +1,16 @@
-import React, { FunctionComponent } from 'react';
+import React from 'react';
 import { BodyShort } from '@navikt/ds-react';
+
 import BEMHelper from '@/utils/bem';
 import { TiltaksType } from '@/types/avtale';
 
 interface Props {
     tiltakstype: TiltaksType;
 }
 
-const GenerelVeilederTekst: FunctionComponent<Props> = (props) => {
-    if (
-        props.tiltakstype === 'SOMMERJOBB' ||
-        props.tiltakstype === 'MIDLERTIDIG_LONNSTILSKUDD' ||
-        props.tiltakstype === 'VARIG_LONNSTILSKUDD'
-    )
-        return null;
+const GenerelVeilederTekst = (props: Props) => {
     const cls = BEMHelper('instruks');
+
     return (
         <ul>
             <li className={cls.element('list-element')}>
@@ -32,4 +28,5 @@ const GenerelVeilederTekst: FunctionComponent<Props> = (props) => {
         </ul>
     );
 };
+
 export default GenerelVeilederTekst;
diff --git a/...jenningSteg/Oppsummering/instruks/veilederInstruks/tekster/LonnstilskuddVeilederTekst.tsx b/...jenningSteg/Oppsummering/instruks/veilederInstruks/tekster/LonnstilskuddVeilederTekst.tsx
@@ -1,41 +1,35 @@
-import React, { FunctionComponent } from 'react';
+import React from 'react';
+
 import { BodyShort } from '@navikt/ds-react';
 import BEMHelper from '@/utils/bem';
-import { TiltaksType } from '@/types/avtale';
 
-interface Props {
-    tiltakstype: TiltaksType;
-}
+const LonnstilskuddVeilederTekst = () => {
+    const cls = BEMHelper('instruks');
 
-const LonnstilskuddVeilederTekst: FunctionComponent<Props> = (props) => {
-    if (props.tiltakstype === 'MIDLERTIDIG_LONNSTILSKUDD' || props.tiltakstype === 'VARIG_LONNSTILSKUDD') {
-        const cls = BEMHelper('instruks');
-        return (
-            <ul>
-                <li className={cls.element('list-element')}>
-                    <BodyShort size="small">
-                        Etter at du har godkjent avtalen, må avtalen og de første tilskuddsperiodene godkjennes av
-                        beslutter. Det er først da avtalen er endelig godkjent.
-                    </BodyShort>
-                </li>
-                <li className={cls.element('list-element')}>
-                    <BodyShort size="small">
-                        Arena skal ikke lenger benyttes til registrering av avtale, tilsagn eller refusjon for
-                        lønnstilskudd.
-                    </BodyShort>
-                </li>
-                <li className={cls.element('list-element')}>
-                    <BodyShort size="small">
-                        Tilsagnsbrevet sendes ikke lenger til innboksen til arbeidsgiver i Altinn. Innholdet i
-                        tilsagnsbrevet er innarbeidet i avtalen til arbeidsgiver.
-                    </BodyShort>
-                </li>
-                <li>
-                    <BodyShort size="small">Avtalen blir automatisk journalført i Gosys.</BodyShort>
-                </li>
-            </ul>
-        );
-    }
-    return null;
+    return (
+        <ul>
+            <li className={cls.element('list-element')}>
+                <BodyShort size="small">
+                    Etter at du har godkjent avtalen, må avtalen og de første tilskuddsperiodene godkjennes av
+                    beslutter. Det er først da avtalen er endelig godkjent.
+                </BodyShort>
+            </li>
+            <li className={cls.element('list-element')}>
+                <BodyShort size="small">
+                    Arena skal ikke lenger benyttes til registrering av avtale, tilsagn eller refusjon for
+                    lønnstilskudd.
+                </BodyShort>
+            </li>
+            <li className={cls.element('list-element')}>
+                <BodyShort size="small">
+                    Tilsagnsbrevet sendes ikke lenger til innboksen til arbeidsgiver i Altinn. Innholdet i
+                    tilsagnsbrevet er innarbeidet i avtalen til arbeidsgiver.
+                </BodyShort>
+            </li>
+            <li>
+                <BodyShort size="small">Avtalen blir automatisk journalført i Gosys.</BodyShort>
+            </li>
+        </ul>
+    );
 };
 export default LonnstilskuddVeilederTekst;
diff --git a/...odkjenningSteg/Oppsummering/instruks/veilederInstruks/tekster/SommerjobbVeilederTekst.tsx b/...odkjenningSteg/Oppsummering/instruks/veilederInstruks/tekster/SommerjobbVeilederTekst.tsx
@@ -1,14 +1,9 @@
-import React, { FunctionComponent } from 'react';
+import React from 'react';
 import { BodyShort } from '@navikt/ds-react';
-import { TiltaksType } from '@/types/avtale';
-import BEMHelper from '@/utils/bem';
 
-interface Props {
-    tiltakstype: TiltaksType;
-}
+import BEMHelper from '@/utils/bem';
 
-const SommerjobbVeilederTekst: FunctionComponent<Props> = (props) => {
-    if (props.tiltakstype !== 'SOMMERJOBB') return null;
+const SommerjobbVeilederTekst = () => {
     const cls = BEMHelper('instruks');
 
     return (

diff --git a/src/messages.ts b/src/messages.ts
@@ -160,6 +160,8 @@ export const innholdTypeTekst: (avtaleVersjon: AvtaleVersjon) => string = (avtal
             return 'oppfølging/tilrettelegging endret av veileder';
         case 'ENDRE_OM_MENTOR':
             return 'om mentor endret av veileder';
+        case 'ENDRET_AV_ARENA':
+            return 'dato og arbeidstid synkronisert med fagsystem (Arena)';
         case 'ANNULLERE':
             return '';
     }

diff --git a/src/mocking/lonnstilskudd-avtale-mock.ts b/src/mocking/lonnstilskudd-avtale-mock.ts
@@ -1,6 +1,6 @@
 import { Formidlingsgruppe } from '@/AvtaleSide/steg/BeregningTilskudd/Formidlingsgruppe';
 import { Kvalifiseringsgruppe } from '@/AvtaleSide/steg/BeregningTilskudd/Kvalifiseringsgruppe';
-import { Avtale } from '@/types/avtale';
+import { Avtale, Avtaleopphav } from '@/types/avtale';
 
 const lonnstilskuddAvtaleMock: Avtale = {
     id: '1',