Merge branch 'main' into update-deps

Author: johatr

src/moduler/aktivitet/ny-aktivitet/LeggTilNyttAktivitetsKort.tsx

@@ -1,5 +1,5 @@
 import { PlusIcon } from '@navikt/aksel-icons';
-import { Button, Dropdown } from '@navikt/ds-react';
+import { ActionMenu, Button } from '@navikt/ds-react';
 import React from 'react';
 import { useSelector } from 'react-redux';
 import { Link } from 'react-router-dom';
@@ -53,30 +53,30 @@ const LeggTilNyttAktivitetsKort = () => {
         : brukerAktivitetsValg(nyAktivitetBasePath);
     return (
         <div className="self-stretch sm:self-auto">
-            <Dropdown>
-                <Button
-                    as={Dropdown.Toggle}
-                    loading={[Status.RELOADING, Status.PENDING].includes(aktivitetStatus)}
-                    className="relative w-full"
-                    icon={<PlusIcon role="img" aria-hidden fontSize="1.5rem" />}
-                    disabled={aktivitetStatus !== Status.OK || viserHistoriskPeriode}
-                >
-                    Legg til aktivitet
-                </Button>
-                <Dropdown.Menu>
+            <ActionMenu>
+                <ActionMenu.Trigger>
+                    <Button
+                        loading={[Status.RELOADING, Status.PENDING].includes(aktivitetStatus)}
+                        className="relative w-full"
+                        icon={<PlusIcon role="img" aria-hidden fontSize="1.5rem" />}
+                        disabled={aktivitetStatus !== Status.OK || viserHistoriskPeriode}
+                    >
+                        Legg til aktivitet
+                    </Button>
+                </ActionMenu.Trigger>
+                <ActionMenu.Content>
                     {menuItemsGroup.map((item, index) => (
-                        <Dropdown.Menu.GroupedList key={item.groupTittel}>
-                            <Dropdown.Menu.GroupedList.Heading>{item.groupTittel}</Dropdown.Menu.GroupedList.Heading>
+                        <ActionMenu.Group key={item.groupTittel} label={item.groupTittel}>
                             {item.groupedItems.map((subItem) => (
-                                <Dropdown.Menu.GroupedList.Item as={Link} to={subItem.link} key={subItem.tittle}>
+                                <ActionMenu.Item as={Link} to={subItem.link} key={subItem.tittle}>
                                     {subItem.tittle}
-                                </Dropdown.Menu.GroupedList.Item>
+                                </ActionMenu.Item>
                             ))}
-                            {index != menuItemsGroup.length - 1 ? <Dropdown.Menu.Divider /> : null}
-                        </Dropdown.Menu.GroupedList>
+                            {index != menuItemsGroup.length - 1 ? <ActionMenu.Divider /> : null}
+                        </ActionMenu.Group>
                     ))}
-                </Dropdown.Menu>
-            </Dropdown>
+                </ActionMenu.Content>
+            </ActionMenu>
         </div>
     );
 };

src/moduler/aktivitet/visning/dele-cv/DeleCvSvarVisning.tsx

@@ -4,6 +4,7 @@ import React from 'react';
 import { CvKanDelesData } from '../../../../datatypes/internAktivitetTypes';
 import { formaterDatoManed } from '../../../../utils/dateUtils';
 import { JaSvarTekst, NeiSvarTekst } from './tekster';
+import { LesMerDelingAvCV } from './LesMerDelingAvCV';
 
 interface Props {
     cvKanDelesData: CvKanDelesData;
@@ -35,6 +36,7 @@ export const DeleCvSvarVisning = ({ cvKanDelesData }: Props) => {
                     Arbeidsgiveren eller Nav vil kontakte deg hvis du er aktuell for stillingen
                 </BodyShort>
             ) : null}
+            {cvKanDeles ? <div className="mt-4"><LesMerDelingAvCV /></div> : null}
         </div>
     );
 };

src/moduler/aktivitet/visning/dele-cv/LesMerDelingAvCV.tsx

@@ -0,0 +1,10 @@
+import { ReadMore } from '@navikt/ds-react';
+import React from 'react';
+
+export const LesMerDelingAvCV = () => {
+    return <ReadMore header="Les om deling av CV">
+        Arbeidsgiveren får tilgang til CV-en dersom du gir samtykke til å dele og Nav deler den til arbeidsgiveren. En delt CV vil opphøre å eksistere for arbeidsgiver dersom du ikke lenger følges opp av Nav for å skaffe jobb, eller senest seks måneder etter at Nav sendte CV-en til arbeidsgiver.
+        <br/><br/>
+        Hvis du angrer på at du ga samtykke til å dele CV så kan du snakke med din veileder som kan trekke delingen av CV-en, slik at arbeidsgiver ikke lenger har tilgang til den. Hvis du oppdaterer CV-en din så er det alltid den siste versjonen arbeidsgiver vil se.
+    </ReadMore>
+}

src/moduler/aktivitet/visning/dele-cv/MeldInteresseForStilling.tsx

@@ -1,10 +1,10 @@
 import { zodResolver } from '@hookform/resolvers/zod';
-import { Alert, BodyShort, Button, Heading, Radio, RadioGroup } from '@navikt/ds-react';
-import { endOfToday, parseISO, startOfDay, subDays } from 'date-fns';
+import { Alert, BodyShort, Button, Heading, Radio, RadioGroup, ReadMore } from '@navikt/ds-react';
+import { endOfToday } from 'date-fns';
 import React, { useEffect, useState } from 'react';
 import { FormProvider, useController, useForm } from 'react-hook-form';
 import { useSelector } from 'react-redux';
-import { ZodErrorMap, z } from 'zod';
+import { z, ZodErrorMap } from 'zod';
 
 import { StillingFraNavAktivitet } from '../../../../datatypes/internAktivitetTypes';
 import useAppDispatch from '../../../../felles-komponenter/hooks/useAppDispatch';
@@ -17,6 +17,7 @@ import CustomErrorSummary from '../../aktivitet-forms/CustomErrorSummary';
 import { Ingress } from './DeleCvContainer';
 import { SvarPaaVegneAvBruker } from './SvarPaaVegneAvBruker';
 import { JaSvarTekst, NeiSvarTekst, overskrift } from './tekster';
+import { LesMerDelingAvCV } from './LesMerDelingAvCV';
 
 enum SvarType {
     JA = 'ja',
@@ -140,7 +141,7 @@ export const MeldInteresseForStilling = ({ aktivitet }: PropTypes) => {
                     </Radio>
                     <Radio value={SvarType.NEI.toString()}>{NeiSvarTekst}</Radio>
                 </RadioGroup>
-
+                <LesMerDelingAvCV />
                 <CustomErrorSummary errors={errors} />
                 <Feilmelding feilmeldinger={oppdaterCvFeil} />
                 <div className="flex gap-4 items-center mt-8">