endre accordion logging til bare på åpne

navikt · Dec 22, 2023 · 5f4cb29 · 5f4cb29
1 parent 689125a
commit 5f4cb29
Show file tree

Hide file tree

Showing 6 changed files with 64 additions and 12 deletions.
diff --git 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 (
         <>
             <Accordion.Item open={open}>

diff --git 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 (
         <Accordion.Item>
-            <Accordion.Header onClick={() => logAccordionAapnet('Historikk')}>
+            <Accordion.Header onClick={handleClick}>
                 <div className="flex gap-4 items-center">Historikk</div>
             </Accordion.Header>
             <Accordion.Content>

diff --git 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 (
         <Accordion.Item>
-            <Accordion.Header onClick={() => logAccordionAapnet('Slik bruker du aktivitetsplanen')}>
+            <Accordion.Header onClick={handleClick}>
                 <Heading level="2" size="small">
                     Slik bruker du aktivitetsplanen
                 </Heading>

diff --git 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 (
         <Accordion.Item>
-            <Accordion.Header onClick={() => logAccordionAapnet('Dialog med veilederen din')}>
+            <Accordion.Header onClick={handleClick}>
                 <Heading level="2" size="small">
                     Dialog med veilederen din
                 </Heading>

diff --git 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 (
         <Accordion.Item>
-            <Accordion.Header onClick={() => logAccordionAapnet('Aktivitetsplanen handler ikke om økonomi')}>
+            <Accordion.Header onClick={handleClick}>
                 <Heading level="2" size="small">
                     Aktivitetsplanen handler ikke om økonomi
                 </Heading>

diff --git 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 (
         <Accordion.Item>
-            <Accordion.Header onClick={() => logAccordionAapnet('Rettigheter og personvern')}>
+            <Accordion.Header onClick={handleClick}>
                 <Heading level="2" size="small">
                     Rettigheter og personvern
                 </Heading>