IS-27IS-2792-measure-apne-enkeltperson (#541)

navikt · Nov 7, 2024 · 05c2450 · 05c2450
1 parent 93f3981
commit 05c2450
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 6 deletions.
diff --git a/src/components/LinkSyfomodiaperson.tsx b/src/components/LinkSyfomodiaperson.tsx
@@ -1,11 +1,13 @@
 import React, { ReactElement } from 'react';
-import Lenke from 'nav-frontend-lenker';
 import { PersonData } from '@/api/types/personregisterTypes';
 import { linkToNewHostAndPath, Subdomain } from '@/utils/miljoUtil';
 import { Labels } from '@/components/Labels';
 import { useAktivBruker } from '@/data/modiacontext/useAktivBruker';
+import { Link } from '@navikt/ds-react';
+import * as Amplitude from '@/utils/amplitude';
+import { EventType } from '@/utils/amplitude';
 
-export const lenkeTilModia = (personData: PersonData) => {
+export function lenkeTilModia(personData: PersonData): string {
   let path = `/sykefravaer`;
   const isGoingToMoteoversikt =
     personData.harMotebehovUbehandlet ||
@@ -42,7 +44,18 @@ export const lenkeTilModia = (personData: PersonData) => {
   }
 
   return linkToNewHostAndPath(Subdomain.SYFOMODIAPERSON, path);
-};
+}
+
+function logNavigation(destinasjon: string) {
+  Amplitude.logEvent({
+    type: EventType.Navigation,
+    data: {
+      fromUrl: window.location.href,
+      lenketekst: 'personnavn',
+      destinasjon: destinasjon,
+    },
+  });
+}
 
 interface Props {
   personData: PersonData;
@@ -59,22 +72,24 @@ export function LinkSyfomodiaperson({
   const onPersonClick = () => {
     aktivBruker.mutate(personident, {
       onSuccess: () => {
-        window.location.href = lenkeTilModia(personData);
+        const destinasjon = lenkeTilModia(personData);
+        logNavigation(destinasjon);
+        window.location.href = destinasjon;
       },
     });
   };
 
   return (
     <div className="flex items-center gap-2">
-      <Lenke
+      <Link
         onClick={(event) => {
           event.preventDefault();
           onPersonClick();
         }}
         href={lenkeTilModia(personData)}
       >
         {linkText}
-      </Lenke>
+      </Link>
       <Labels personData={personData} />
     </div>
   );

diff --git a/src/utils/amplitude.ts b/src/utils/amplitude.ts
@@ -24,6 +24,7 @@ type EventPageView = {
 type Navigation = {
   type: EventType.Navigation;
   data: {
+    fromUrl: string;
     lenketekst: string;
     destinasjon: string;
   };