add analytics to logout warning (#426)

navikt · Aug 7, 2024 · 2b4cc85 · 2b4cc85
1 parent b5738ae
commit 2b4cc85
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/packages/client/src/views/logout-warning/session-dialog.ts b/packages/client/src/views/logout-warning/session-dialog.ts
@@ -1,3 +1,4 @@
+import { logAmplitudeEvent } from "../../analytics/amplitude";
 import { logout } from "../../helpers/auth";
 import { getSecondsRemaining } from "../../helpers/time";
 import { defineCustomElement } from "../custom-elements";
@@ -21,9 +22,11 @@ export class SessionDialog extends HTMLElement {
             event.preventDefault();
             const action = new FormData(form, event.submitter).get("action");
             if (action === "renew") {
+                logAmplitudeEvent("session dialog renew");
                 this.silenceWarning = true;
                 dialog.close();
             } else {
+                logAmplitudeEvent("session dialog logout");
                 logout();
             }
         });
@@ -35,7 +38,10 @@ export class SessionDialog extends HTMLElement {
                 dialog.querySelector(".session-time-remaining")!.innerHTML =
                     Math.ceil(this.secondsRemaining / 60).toString();
 
-                dialog.showModal();
+                if (!dialog.open) {
+                    dialog.showModal();
+                    logAmplitudeEvent("session dialog shown");
+                }
             } else {
                 dialog.close();
             }

diff --git a/packages/client/src/views/logout-warning/token-dialog.ts b/packages/client/src/views/logout-warning/token-dialog.ts
@@ -1,3 +1,4 @@
+import { logAmplitudeEvent } from "../../analytics/amplitude";
 import { logout } from "../../helpers/auth";
 import { getSecondsRemaining } from "../../helpers/time";
 import { defineCustomElement } from "../custom-elements";
@@ -20,9 +21,11 @@ export class TokenDialog extends HTMLElement {
             event.preventDefault();
             const action = new FormData(form, event.submitter).get("action");
             if (action === "renew") {
+                logAmplitudeEvent("token dialog renew");
                 this.dispatchEvent(new Event("renew"));
                 dialog.close();
             } else {
+                logAmplitudeEvent("token dialog logout");
                 logout();
             }
         });
@@ -31,7 +34,10 @@ export class TokenDialog extends HTMLElement {
             if (this.secondsRemaining < 0) {
                 logout();
             } else if (this.secondsRemaining < 5 * 60) {
-                dialog.showModal();
+                if (!dialog.open) {
+                    logAmplitudeEvent("token dialog shown");
+                    dialog.showModal();
+                }
             } else {
                 dialog.close();
             }