Legger til tags for nye aktiviteter (#6761)

* Legger til tags for nye aktiviteter * typefix
navikt · Nov 6, 2024 · a4406de · a4406de
1 parent 2442457
commit a4406de
Show file tree

Hide file tree

Showing 9 changed files with 53 additions and 29 deletions.
diff --git a/packages/prosess-uttak/src/constants/Arbeidstype.ts b/packages/prosess-uttak/src/constants/Arbeidstype.ts
@@ -1,12 +1,13 @@
 export enum Arbeidstype {
-  AT = 'ARBEIDSTAKER',
-  FL = 'FRILANSER',
-  DP = 'DAGPENGER',
-  SN = 'SELVSTENDIG_NÆRINGSDRIVENDE',
+  ARBEIDSTAKER = 'AT',
+  FRILANSER = 'FL',
+  DAGPENGER = 'DP',
+  SELVSTENDIG_NÆRINGSDRIVENDE = 'SN',
   IKKE_YRKESAKTIV = 'IKKE_YRKESAKTIV',
-  BA = 'KUN_YTELSE',
-  MIDL_INAKTIV = 'INAKTIV',
-  SP_AV_DP = 'SYKEPENGER_AV_DAGPENGER',
+  KUN_YTELSE = 'BA',
+  INAKTIV = 'MIDL_INAKTIV',
+  SYKEPENGER_AV_DAGPENGER = 'SP_AV_DP',
+  PLEIEPENGER_AV_DAGPENGER = 'PSB_AV_DP',
   IKKE_YRKESAKTIV_UTEN_ERSTATNING = 'IKKE_YRKESAKTIV_UTEN_ERSTATNING',
 }
 

diff --git a/packages/prosess-uttak/src/types/Arbeidsforhold.ts b/packages/prosess-uttak/src/types/Arbeidsforhold.ts
@@ -1,5 +1,7 @@
+import { Arbeidstype } from '../constants';
+
 export interface Arbeidsforhold {
-  type: string;
+  type: Arbeidstype;
   organisasjonsnummer?: string; // Bakoverkompatibilitet, skal være orgnr egentlig
   orgnr?: string;
   aktørId?: string;

diff --git a/packages/prosess-uttak/src/types/OverstyrUttakFormDataUtbetalingsgrad.ts b/packages/prosess-uttak/src/types/OverstyrUttakFormDataUtbetalingsgrad.ts
@@ -1,8 +1,9 @@
+import { Arbeidstype } from '../constants';
 import { OverstyrUttakFormFieldName } from '../constants/OverstyrUttakFormFieldName';
 
 export type OverstyrUttakFormDataUtbetalingsgrad = {
   [OverstyrUttakFormFieldName.ARBEIDSFORHOLD]: {
-    [OverstyrUttakFormFieldName.TYPE]: string;
+    [OverstyrUttakFormFieldName.TYPE]: Arbeidstype;
     [OverstyrUttakFormFieldName.ORGNR]: string;
     [OverstyrUttakFormFieldName.AKTØR_ID]: string;
     [OverstyrUttakFormFieldName.ARBEIDSFORHOLD_ID]: string;

diff --git a/packages/prosess-uttak/src/types/OverstyringUttak.ts b/packages/prosess-uttak/src/types/OverstyringUttak.ts
@@ -1,3 +1,5 @@
+import { Arbeidstype } from '@k9-sak-web/behandling-pleiepenger';
+
 export type OverstyringUttak = {
   id: string;
   periode: {
@@ -8,7 +10,7 @@ export type OverstyringUttak = {
   søkersUttaksgrad: number;
   utbetalingsgrader: {
     arbeidsforhold: {
-      type: string;
+      type: Arbeidstype;
       orgnr: string | null;
       aktørId: string | null;
       arbeidsforholdId: string | null;

diff --git a/packages/prosess-uttak/src/types/Utbetalingsgrad.ts b/packages/prosess-uttak/src/types/Utbetalingsgrad.ts
@@ -5,6 +5,7 @@ export interface Utbetalingsgrad {
   normalArbeidstid: string;
   faktiskArbeidstid: string;
   utbetalingsgrad: number;
+  tilkommet: boolean;
 }
 
 export default Utbetalingsgrad;
diff --git a/packages/prosess-uttak/src/ui/Uttak.stories.tsx b/packages/prosess-uttak/src/ui/Uttak.stories.tsx
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { AnnenPart, Utfall, Årsaker } from '../constants';
+import { AnnenPart, Arbeidstype, Utfall, Årsaker } from '../constants';
 import { Endringsstatus } from '../types';
 import UttakContainer from './UttakContainer';
 
@@ -22,14 +22,15 @@ export const Uttak: Story = {
           utbetalingsgrader: [
             {
               arbeidsforhold: {
-                type: 'AT',
+                type: Arbeidstype.ARBEIDSTAKER,
                 organisasjonsnummer: '123456',
                 aktørId: null,
                 arbeidsforholdId: null,
               },
               normalArbeidstid: 'PT7H30M',
               faktiskArbeidstid: 'PT2H37M',
               utbetalingsgrad: 50.0,
+              tilkommet: false,
             },
           ],
           søkersTapteArbeidstid: 65.11,
@@ -63,14 +64,15 @@ export const Uttak: Story = {
           utbetalingsgrader: [
             {
               arbeidsforhold: {
-                type: 'AT',
+                type: Arbeidstype.ARBEIDSTAKER,
                 organisasjonsnummer: '123456',
                 aktørId: null,
                 arbeidsforholdId: null,
               },
               normalArbeidstid: 'PT7H30M',
               faktiskArbeidstid: 'PT9H37M',
               utbetalingsgrad: 65.0,
+              tilkommet: false,
             },
           ],
           søkersTapteArbeidstid: 65.11,
@@ -104,14 +106,15 @@ export const Uttak: Story = {
           utbetalingsgrader: [
             {
               arbeidsforhold: {
-                type: 'AT',
+                type: Arbeidstype.ARBEIDSTAKER,
                 organisasjonsnummer: '123456',
                 aktørId: null,
                 arbeidsforholdId: null,
               },
               normalArbeidstid: 'PT7H30M',
               faktiskArbeidstid: 'PT2H37M',
               utbetalingsgrad: 0.0,
+              tilkommet: false,
             },
           ],
           søkersTapteArbeidstid: 65.11,
@@ -140,14 +143,15 @@ export const Uttak: Story = {
           utbetalingsgrader: [
             {
               arbeidsforhold: {
-                type: 'AT',
+                type: Arbeidstype.ARBEIDSTAKER,
                 organisasjonsnummer: '123456',
                 aktørId: null,
                 arbeidsforholdId: null,
               },
               normalArbeidstid: 'PT7H30M',
               faktiskArbeidstid: 'PT2H37M',
               utbetalingsgrad: 0.0,
+              tilkommet: false,
             },
           ],
           søkersTapteArbeidstid: 65.11,

diff --git a/packages/prosess-uttak/src/ui/components/uttak-detaljer/UttakDetaljer.tsx b/packages/prosess-uttak/src/ui/components/uttak-detaljer/UttakDetaljer.tsx
@@ -3,7 +3,7 @@ import * as React from 'react';
 
 import { HelpText, Label, Tag } from '@navikt/ds-react';
 import { ContentWithTooltip, GreenCheckIcon, OnePersonIconBlue } from '@navikt/ft-plattform-komponenter';
-import { arbeidstypeTilVisning } from '../../../constants/Arbeidstype';
+import Arbeidstype, { arbeidstypeTilVisning } from '../../../constants/Arbeidstype';
 import BarnetsDødsfallÅrsakerMedTekst from '../../../constants/BarnetsDødsfallÅrsakerMedTekst';
 import IkkeOppfylteÅrsakerMedTekst from '../../../constants/IkkeOppfylteÅrsakerMedTekst';
 import OverseEtablertTilsynÅrsak from '../../../constants/OverseEtablertTilsynÅrsak';
@@ -138,18 +138,39 @@ const formatAvkortingMotArbeid = (
         const arbeidsgiverInfo = arbeidsgivernavn ? `${arbeidsgivernavn} (${orgnr || arbeidsgiverFnr})` : '';
         const beregnetNormalArbeidstid = beregnDagerTimer(normalArbeidstid);
         const beregnetFaktiskArbeidstid = beregnDagerTimer(faktiskArbeidstid);
+        const erNyInntekt = utbetalingsgradItem?.tilkommet;
         const faktiskOverstigerNormal = beregnetNormalArbeidstid < beregnetFaktiskArbeidstid;
         const prosentFravær = Math.round(
           (Math.max(beregnetNormalArbeidstid - beregnetFaktiskArbeidstid, 0) / beregnetNormalArbeidstid) * 100,
         );
 
+        const nyInntektTekst = () => {
+          if (arbeidsforhold?.type === Arbeidstype.ARBEIDSTAKER) {
+            return 'Nytt arbeidsforhold';
+          }
+          if (arbeidsforhold?.type === Arbeidstype.FRILANSER) {
+            return 'Ny frilansaktivitet';
+          }
+          if (arbeidsforhold?.type === Arbeidstype.SELVSTENDIG_NÆRINGSDRIVENDE) {
+            return 'Ny virksomhet';
+          }
+          return '';
+        };
+
         return (
           // eslint-disable-next-line react/no-array-index-key
           <div key={index}>
-            <Label size="small" as="p" className={styles.uttakDetaljer__avkortingMotArbeid__heading}>
-              <span>{arbeidstype}</span>
-              <span>{arbeidsgiverInfo || orgnr || arbeidsgiverFnr}</span>
-            </Label>
+            <div className="flex gap-[6px]">
+              <Label className="flex items-end" size="small">
+                {arbeidstype}
+              </Label>
+              {erNyInntekt && (
+                <Tag size="small" variant="info">
+                  {nyInntektTekst()}
+                </Tag>
+              )}
+            </div>
+            <span>{arbeidsgiverInfo || orgnr || arbeidsgiverFnr}</span>
             <p className={styles.uttakDetaljer__data}>{`Normal arbeidstid: ${beregnetNormalArbeidstid} timer`}</p>
             <span className={styles.uttakDetaljer__data}>
               <span>Faktisk arbeidstid:</span>

diff --git a/packages/prosess-uttak/src/ui/components/uttak-detaljer/uttakDetaljer.module.css b/packages/prosess-uttak/src/ui/components/uttak-detaljer/uttakDetaljer.module.css
@@ -80,14 +80,6 @@
   column-gap: 2rem;
 }
 
-.uttakDetaljer__avkortingMotArbeid__heading {
-  margin: 0.5rem 0;
-}
-
-.uttakDetaljer__avkortingMotArbeid__heading span {
-  display: block;
-}
-
 .uttakDetaljer__etikettBarnetsDødsfall {
   background: #cde7d8;
   border: 1px solid #06893a;

diff --git a/packages/prosess-uttak/src/ui/components/vurderDato/VurderDato.tsx b/packages/prosess-uttak/src/ui/components/vurderDato/VurderDato.tsx
@@ -46,7 +46,7 @@ const VurderDato = ({ avbryt, initialValues }: Props) => {
       </Alert>
       <Alert variant="info" className={styles.info}>
         <Accordion className={styles.alertAccordion} indent={false}>
-          <Accordion.Item>
+          <Accordion.Item className="!shadow-none">
             <Accordion.Header>
               <Label size="small">Hva innebærer endringene i uttak?</Label>
             </Accordion.Header>