Feat/vis adresse varsel for flere roller (#1312)

* feat. vis adresse varsel for flere roller

* feat. vis kode-6/7 for beslutter på beslutter-siden

Author: eirikv

src/AvtaleOversikt/NavnMedDiskresjonskode.tsx

@@ -1,10 +1,11 @@
-import { AvtaleMinimalListeVisning, Diskresjonskode } from '@/types';
+import { Diskresjonskode } from '@/types';
 import { Tag } from '@navikt/ds-react';
 
 interface Props {
     fornavn?: string;
     etternavn?: string;
     diskresjonskode?: Diskresjonskode;
+    inline?: boolean;
 }
 
 const lagFulltNavn = (deltakerFornavn?: string, deltakerEtternavn?: string) => {
@@ -19,29 +20,39 @@ const lagFulltNavn = (deltakerFornavn?: string, deltakerEtternavn?: string) => {
 };
 
 function NavnMedDiskresjonskode(props: Props) {
-    const { diskresjonskode = Diskresjonskode.UGRADERT, fornavn, etternavn } = props;
+    const { diskresjonskode = Diskresjonskode.UGRADERT, fornavn, etternavn, inline } = props;
     const navn = lagFulltNavn(fornavn, etternavn);
 
     switch (diskresjonskode) {
         case Diskresjonskode.STRENGT_FORTROLIG:
         case Diskresjonskode.STRENGT_FORTROLIG_UTLAND:
             return (
                 <>
+                    {inline && <>{navn} </>}
                     <Tag size="xsmall" variant="error-moderate">
                         Kode 6
                     </Tag>
-                    <br />
-                    {navn}
+                    {!inline && (
+                        <>
+                            <br />
+                            {navn}
+                        </>
+                    )}
                 </>
             );
         case Diskresjonskode.FORTROLIG:
             return (
                 <>
+                    {inline && <>{navn} </>}
                     <Tag size="xsmall" variant="warning-moderate">
                         Kode 7
                     </Tag>
-                    <br />
-                    {navn}
+                    {!inline && (
+                        <>
+                            <br />
+                            {navn}
+                        </>
+                    )}
                 </>
             );
         default:

src/AvtaleSide/AvtaleKontroll.tsx

@@ -9,7 +9,7 @@ import { useInnloggetBruker } from '@/InnloggingBoundary/InnloggingBoundary';
 
 import { container } from './AvtaleKontroll.module.less';
 
-const ROLLER_SOM_KREVER_KONTROLL: Rolle[] = ['ARBEIDSGIVER'];
+const ROLLER_SOM_KREVER_KONTROLL: Rolle[] = ['ARBEIDSGIVER', 'MENTOR'];
 
 const AvtaleKontroll: FunctionComponent<PropsWithChildren> = (props) => {
     const { rolle } = useInnloggetBruker();

src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/Avtaleparter/Avtaleparter.tsx

@@ -7,7 +7,7 @@ import './Avtaleparter.less';
 import AvtaleparterHeaderIkon from './AvtalepartnerHeaderIkon';
 import { InnloggetBrukerContext } from '@/InnloggingBoundary/InnloggingBoundary';
 import KontaktpersonRefusjonOppsumering from '@/AvtaleSide/steg/GodkjenningSteg/Oppsummering/KontaktpersonRefusjonOppsummering/KontaktpersonRefusjonOppsummering';
-import HemmeligAdresseVarsel from '@/komponenter/Adressesperre/HemmeligAdresseVarsel';
+import HemmeligAdresseVarsel, { isSkalViseAdresseVarsel } from '@/komponenter/Adressesperre/HemmeligAdresseVarsel';
 
 interface Props {
     avtaleinnhold: Avtaleinnhold;
@@ -21,7 +21,7 @@ const Avtaleparter: FunctionComponent<Props> = (props) => {
     return (
         <Stegoppsummering tittel="Avtalens parter" ikon={<AvtaleparterHeaderIkon />}>
             <div>
-                {rolle === 'VEILEDER' && <HemmeligAdresseVarsel avtaleId={avtale.id} />}
+                {isSkalViseAdresseVarsel(rolle) && <HemmeligAdresseVarsel avtaleId={avtale.id} />}
                 <AvtaleinfoFeltSjekk
                     navnFelter={[
                         { felt: 'fornavn', verdi: gjeldendeInnhold.deltakerFornavn },

src/AvtaleSide/steg/KontaktInformasjonSteg/KontaktinfoSteg.tsx

@@ -11,7 +11,7 @@ import KontaktpersonRefusjoninfoDel from './KontaktpersonRefusjoninfoDel/Kontakt
 import VeilederinfoDel from './VeilederinfoDel/VeilederinfoDel';
 import AvtaleStatus from '@/AvtaleSide/AvtaleStatus/AvtaleStatus';
 import FadderinfoDel from '@/AvtaleSide/steg/KontaktInformasjonSteg/FadderinfoDel/FadderinfoDel';
-import HemmeligAdresseVarsel from '@/komponenter/Adressesperre/HemmeligAdresseVarsel';
+import HemmeligAdresseVarsel, { isSkalViseAdresseVarsel } from '@/komponenter/Adressesperre/HemmeligAdresseVarsel';
 import { useInnloggetBruker } from '@/InnloggingBoundary/InnloggingBoundary';
 
 const KontaktinfoSteg: FunctionComponent = () => {
@@ -37,7 +37,7 @@ const KontaktinfoSteg: FunctionComponent = () => {
         <>
             <AvtaleStatus />
             <Innholdsboks>
-                {rolle === 'VEILEDER' && <HemmeligAdresseVarsel avtaleId={avtale.id} />}
+                {isSkalViseAdresseVarsel(rolle) && <HemmeligAdresseVarsel avtaleId={avtale.id} />}
                 <DeltakerInfo oppsummeringside={false} />
                 <DeltakerinfoDel />
                 <ArbeidsgiverinfoDel />

src/BeslutterSide/BeslutterSide.tsx

@@ -32,7 +32,6 @@ export interface Periode {
 export const TilskuddsperiodeContext = React.createContext<Periode>({} as Periode);
 
 const BeslutterSide: FunctionComponent = () => {
-    const innloggetBruker = useContext(InnloggetBrukerContext);
     const { avtale } = useContext(AvtaleContext);
     const { gjeldendeTilskuddsperiode, enhetOppfolging, enhetGeografisk } = avtale;
     const [visReturModal, setVisReturModal] = useState(false);

src/BeslutterSide/beslutterPanel/InfoVisningTilskuddsperiode.tsx

@@ -6,12 +6,18 @@ import BEMHelper from '@/utils/bem';
 import InfoRadBesluttervisning from '@/BeslutterSide/beslutterPanel/InfoRadBesluttervisning';
 import TilskuddsperiodeEndreKostnadssted from '@/BeslutterSide/beslutterPanel/TilskuddsperiodeEndreKostnadssted';
 import { AvtaleContext } from '@/AvtaleProvider';
+import NavnMedDiskresjonskode from '@/AvtaleOversikt/NavnMedDiskresjonskode';
+import { useAvtaleKreverAktsomhet } from '@/services/use-rest';
 
 const InfoVisningTilskuddsperiode: FunctionComponent = () => {
     const { avtale } = useContext(AvtaleContext);
     const { gjeldendeTilskuddsperiode } = avtale;
+    const { data: aktsomhet } = useAvtaleKreverAktsomhet(avtale.id);
     const cls = BEMHelper('beslutter-panel');
-    if (!gjeldendeTilskuddsperiode) return null;
+
+    if (!gjeldendeTilskuddsperiode) {
+        return null;
+    }
 
     return (
         <>
@@ -20,9 +26,14 @@ const InfoVisningTilskuddsperiode: FunctionComponent = () => {
                 <div className={cls.element('infovisning-gruppe')}>
                     <InfoRadBesluttervisning
                         metadata="Deltaker"
-                        info={`${
-                            avtale.gjeldendeInnhold.deltakerFornavn + ' ' + avtale.gjeldendeInnhold.deltakerEtternavn
-                        }`}
+                        info={
+                            <NavnMedDiskresjonskode
+                                diskresjonskode={aktsomhet?.diskresjonskode}
+                                fornavn={avtale.gjeldendeInnhold.deltakerFornavn}
+                                etternavn={avtale.gjeldendeInnhold.deltakerEtternavn}
+                                inline
+                            />
+                        }
                     />
                     <InfoRadBesluttervisning metadata="Arbeidsgiver" info={avtale.gjeldendeInnhold.bedriftNavn} />
                     <InfoRadBesluttervisning

src/komponenter/Adressesperre/HemmeligAdresseVarsel.tsx

@@ -3,12 +3,16 @@ import { Alert, Heading } from '@navikt/ds-react';
 import { useAvtaleKreverAktsomhet } from '@/services/use-rest';
 
 import { container } from './HemmeligAdresseVarsel.module.less';
-import { Diskresjonskode } from '@/types';
+import { Diskresjonskode, Rolle } from '@/types';
 
 interface Props {
     avtaleId: string;
 }
 
+export const isSkalViseAdresseVarsel = (rolle: Rolle) => {
+    return ['ARBEIDSGIVER', 'BESLUTTER', 'MENTOR', 'VEILEDER'].includes(rolle);
+};
+
 const kode6eller7 = (diskresjonskode?: Diskresjonskode) => {
     switch (diskresjonskode) {
         case Diskresjonskode.STRENGT_FORTROLIG_UTLAND: