diff --git a/src/moduler/aktivitet/visning/endre-linje/EndreLinje.tsx b/src/moduler/aktivitet/visning/endre-linje/EndreLinje.tsx index 7dc3fdf6a..abd148bb9 100644 --- a/src/moduler/aktivitet/visning/endre-linje/EndreLinje.tsx +++ b/src/moduler/aktivitet/visning/endre-linje/EndreLinje.tsx @@ -1,5 +1,5 @@ import { Accordion, Heading } from '@navikt/ds-react'; -import React, { MouseEventHandler, ReactNode } from 'react'; +import React, { MouseEventHandler, ReactNode, useState } from 'react'; import { logAccordionAapnet } from '../../../../amplitude/amplitude'; interface Props { @@ -14,10 +14,17 @@ interface Props { const EndreLinje = (props: Props) => { const { tittel, content, subtittel, open, onClick } = props; + const [openAccordion, setOpenAccordion] = useState(false); + function handleClick(event: React.MouseEvent) { onClick(event); - logAccordionAapnet(tittel); + + if (!openAccordion) { + logAccordionAapnet(tittel); + } + setOpenAccordion(!openAccordion); } + return ( <> diff --git a/src/moduler/aktivitet/visning/underelement-for-aktivitet/EndringsLogg.tsx b/src/moduler/aktivitet/visning/underelement-for-aktivitet/EndringsLogg.tsx index 6bc473cd3..ce38fbdb0 100644 --- a/src/moduler/aktivitet/visning/underelement-for-aktivitet/EndringsLogg.tsx +++ b/src/moduler/aktivitet/visning/underelement-for-aktivitet/EndringsLogg.tsx @@ -1,5 +1,5 @@ import { Accordion } from '@navikt/ds-react'; -import React from 'react'; +import React, { useState } from 'react'; import { VeilarbAktivitet } from '../../../../datatypes/internAktivitetTypes'; import VersjonerForAktivitet from '../versjoner/VersjonerForAktivitet'; @@ -12,9 +12,18 @@ interface Props { const EndringsLogg = (props: Props) => { const { aktivitet } = props; + const [open, setOpen] = useState(false); + + function handleClick() { + if (!open) { + logAccordionAapnet('Historikk'); + } + setOpen(!open); + } + return ( - logAccordionAapnet('Historikk')}> +
Historikk
diff --git a/src/moduler/informasjon/brukePlanenPanel.tsx b/src/moduler/informasjon/brukePlanenPanel.tsx index 2ff411091..4709bb202 100644 --- a/src/moduler/informasjon/brukePlanenPanel.tsx +++ b/src/moduler/informasjon/brukePlanenPanel.tsx @@ -1,12 +1,21 @@ import { Accordion, BodyShort, Heading } from '@navikt/ds-react'; -import React from 'react'; +import React, { useState } from 'react'; import AktivitetskortVideo from './Video/AktivitetskortVideo'; import { logAccordionAapnet } from '../../amplitude/amplitude'; export const BrukePlanenPanel = () => { + const [open, setOpen] = useState(false); + + function handleClick() { + if (!open) { + logAccordionAapnet('Slik bruker du aktivitetsplanen'); + } + setOpen(!open); + } + return ( - logAccordionAapnet('Slik bruker du aktivitetsplanen')}> + Slik bruker du aktivitetsplanen diff --git a/src/moduler/informasjon/dialogPanel.tsx b/src/moduler/informasjon/dialogPanel.tsx index 33047ddce..4da0f5a82 100644 --- a/src/moduler/informasjon/dialogPanel.tsx +++ b/src/moduler/informasjon/dialogPanel.tsx @@ -1,12 +1,21 @@ import { Accordion, BodyShort, Heading } from '@navikt/ds-react'; -import React from 'react'; +import React, { useState } from 'react'; import DialogVideo from './Video/DialogVideo'; import { logAccordionAapnet } from '../../amplitude/amplitude'; export const DialogPanel = () => { + const [open, setOpen] = useState(false); + + function handleClick() { + if (!open) { + logAccordionAapnet('Dialog med veilederen din'); + } + setOpen(!open); + } + return ( - logAccordionAapnet('Dialog med veilederen din')}> + Dialog med veilederen din diff --git a/src/moduler/informasjon/okonomiskStottePanel.tsx b/src/moduler/informasjon/okonomiskStottePanel.tsx index 63cf881d9..cc779be8e 100644 --- a/src/moduler/informasjon/okonomiskStottePanel.tsx +++ b/src/moduler/informasjon/okonomiskStottePanel.tsx @@ -1,11 +1,20 @@ import { Accordion, BodyShort, Heading, Link } from '@navikt/ds-react'; -import React from 'react'; +import React, { useState } from 'react'; import { logAccordionAapnet } from '../../amplitude/amplitude'; export const OkonomiskStotte = () => { + const [open, setOpen] = useState(false); + + function handleClick() { + if (!open) { + logAccordionAapnet('Aktivitetsplanen handler ikke om økonomi'); + } + setOpen(!open); + } + return ( - logAccordionAapnet('Aktivitetsplanen handler ikke om økonomi')}> + Aktivitetsplanen handler ikke om økonomi diff --git a/src/moduler/informasjon/rettigheterPanel.tsx b/src/moduler/informasjon/rettigheterPanel.tsx index 4a9c0bc35..60fd3532c 100644 --- a/src/moduler/informasjon/rettigheterPanel.tsx +++ b/src/moduler/informasjon/rettigheterPanel.tsx @@ -1,11 +1,20 @@ import { Accordion, BodyShort, Heading, Link } from '@navikt/ds-react'; -import React from 'react'; +import React, { useState } from 'react'; import { logAccordionAapnet } from '../../amplitude/amplitude'; export function RettigheterPanel() { + const [open, setOpen] = useState(false); + + function handleClick() { + if (!open) { + logAccordionAapnet('Rettigheter og personvern'); + } + setOpen(!open); + } + return ( - logAccordionAapnet('Rettigheter og personvern')}> + Rettigheter og personvern