feat. legg til diskresjonskoder for Vikafossen i oversikten

Hent diskresjonskoder fra PDL for å vise kode-6/7 for Vikafossen
i avtale-oversikten

Author: eirikv

src/AvtaleOversikt/AvtaleTabell.less

@@ -55,7 +55,7 @@
         &:last-child {
             border-right: 1px solid @navGraBakgrunn;
         }
-        & .navds-tag {
+        & .etikett-status {
             width: 100%;
             white-space: nowrap;
         }

src/AvtaleOversikt/AvtaleTabell.tsx

@@ -16,6 +16,7 @@ import { Varsel } from '@/types/varsel';
 import { avtaleStatusTekst, tiltakstypeTekstKort } from '@/messages';
 import { kunStorForbokstav } from '@/utils/stringUtils';
 import { erNil } from '@/utils/predicates';
+import NavnMedDiskresjonskode from '@/AvtaleOversikt/NavnMedDiskresjonskode';
 
 const cls = BEMHelper('avtaletabell');
 
@@ -41,17 +42,6 @@ const hentAvtaleStatus = (avtale: AvtaleMinimalListeVisning, erNavAnsatt: boolea
     );
 };
 
-const lagFulltNavn = (avtale: AvtaleMinimalListeVisning) => {
-    if (avtale?.deltakerFornavn && avtale?.deltakerEtternavn) {
-        return avtale?.deltakerFornavn + ' ' + avtale?.deltakerEtternavn;
-    } else if (avtale?.deltakerFornavn) {
-        return avtale?.deltakerFornavn;
-    } else if (avtale?.deltakerEtternavn) {
-        return avtale?.deltakerEtternavn;
-    }
-    return '-';
-};
-
 const AvtaleTabell: FunctionComponent<{
     avtaler: AvtaleMinimalListeVisning[];
     varsler: Varsel[];
@@ -102,7 +92,13 @@ const AvtaleTabell: FunctionComponent<{
                                     <BodyShort size="small">{avtale?.bedriftNavn || '-'}</BodyShort>
                                 </Table.DataCell>
                                 <Table.DataCell>
-                                    <BodyShort size="small">{lagFulltNavn(avtale)}</BodyShort>
+                                    <BodyShort size="small">
+                                        <NavnMedDiskresjonskode
+                                            fornavn={avtale.deltakerFornavn}
+                                            etternavn={avtale.deltakerEtternavn}
+                                            diskresjonskode={avtale.diskresjonskode}
+                                        />
+                                    </BodyShort>
                                 </Table.DataCell>
                                 {innloggetBruker.erNavAnsatt && (
                                     <Table.DataCell>

src/AvtaleOversikt/AvtaleTabellRadHeader.tsx

@@ -21,7 +21,7 @@ const AvtaleTabellRadHeader: React.FC<Props> = ({ erBeslutter, erNavAnsatt }: Pr
                 <Table.ColumnHeader>
                     <SorteringOrderValg label={'Bedrift'} sorteringsverdi={'bedriftNavn'} />
                 </Table.ColumnHeader>
-                <Table.ColumnHeader>
+                <Table.ColumnHeader style={{ width: '15%' }}>
                     <SorteringOrderValg label={'Deltaker'} sorteringsverdi={'deltakerFornavn'} />
                 </Table.ColumnHeader>
                 {erNavAnsatt && (

src/AvtaleOversikt/AvtalekortMobil.tsx

@@ -13,6 +13,7 @@ import { Path } from '@/Router';
 import { Varsel } from '@/types/varsel';
 import { avtaleStatusTekst } from '@/messages';
 import { formaterDatoHvisDefinert } from '@/utils/datoUtils';
+import NavnMedDiskresjonskode from '@/AvtaleOversikt/NavnMedDiskresjonskode';
 
 const cls = BEMHelper('avtalekortMobil');
 
@@ -57,8 +58,11 @@ const AvtalekortMobil: FunctionComponent<{
                                     )}
                                     <div>
                                         <Heading size="small">
-                                            {avtale.deltakerFornavn || ''}&nbsp;
-                                            {avtale.deltakerEtternavn || ''}
+                                            <NavnMedDiskresjonskode
+                                                fornavn={avtale.deltakerFornavn}
+                                                etternavn={avtale.deltakerEtternavn}
+                                                diskresjonskode={avtale.diskresjonskode}
+                                            />
                                         </Heading>
                                         <VerticalSpacer rem={0.5} />
                                         <Ingress>{avtale.bedriftNavn}</Ingress>

src/AvtaleOversikt/NavnMedDiskresjonskode.tsx

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

src/BeslutterSide/EtikettStatus.tsx

@@ -22,10 +22,14 @@ const etikettStatus: { [key in TilskuddPeriodeStatus]: TagProps['variant'] } = {
 
 const EtikettStatus: FunctionComponent<Props> = (props) => {
     if (props.refusjonStatus === 'UTBETALT') {
-        return <Tag variant={'success'}>Utbetalt</Tag>;
+        return (
+            <Tag className="etikett-status" variant={'success'}>
+                Utbetalt
+            </Tag>
+        );
     } else {
         return (
-            <Tag variant={etikettStatus[props.tilskuddsperiodestatus]} size={props.size}>
+            <Tag className="etikett-status" variant={etikettStatus[props.tilskuddsperiodestatus]} size={props.size}>
                 {props.antallKlarTilgodkjenning && props.antallKlarTilgodkjenning + ' '}
                 {tilskuddsperiodeStatusTekst[props.tilskuddsperiodestatus]}
                 {props.tilskuddsperiodestatus === 'GODKJENT' && props.godkjentAv && <> av {props.godkjentAv}</>}

src/types/avtale.ts

@@ -3,6 +3,7 @@ import { Formidlingsgruppe } from '@/AvtaleSide/steg/BeregningTilskudd/Formidlin
 import { Kvalifiseringsgruppe } from '@/AvtaleSide/steg/BeregningTilskudd/Kvalifiseringsgruppe';
 import { Nettressurs } from '@/types/nettressurs';
 import { Maalkategori } from './maalkategorier';
+import { Diskresjonskode } from '@/types/diskresjon';
 
 export type Avtale = Annullering &
     Avbrytelse &
@@ -58,6 +59,7 @@ export type AvtaleMinimalListeVisning = {
     oppfolgingVarselSendt?: string;
     opprettetTidspunkt: string;
     sistEndret: string;
+    diskresjonskode: Diskresjonskode;
 };
 
 export type AvtaleMinimalForBeslutter = {