[KAIZEN-0] Legge til prompt om man prøver å lukke siden mens en meldi…

…ng sendes
navikt · Jan 11, 2024 · 3679753 · 3679753
1 parent d4193d4
commit 3679753
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/src/app/personside/dialogpanel/sendMelding/SendNyMeldingContainer.tsx b/src/app/personside/dialogpanel/sendMelding/SendNyMeldingContainer.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FormEvent, useCallback, useMemo, useState } from 'react';
+import { FormEvent, useCallback, useEffect, useMemo, useState } from 'react';
 import { MeldingValidator } from './validatorer';
 import {
     Meldingstype,
@@ -68,6 +68,21 @@ function SendNyMeldingContainer(props: Props) {
     const [sendNyMeldingStatus, setSendNyMeldingStatus] = useState<SendNyMeldingPanelState>({
         type: SendNyMeldingStatus.UNDER_ARBEID
     });
+
+    useEffect(() => {
+        const promptUser = (e: BeforeUnloadEvent) => {
+            if (sendNyMeldingStatus.type !== SendNyMeldingStatus.POSTING) {
+                return;
+            }
+
+            e.preventDefault();
+            e.returnValue = true;
+        };
+
+        window.addEventListener('beforeunload', promptUser);
+        return () => window.removeEventListener('beforeunload', promptUser);
+    }, [sendNyMeldingStatus.type]);
+
     const lukkSendtKvittering = () => {
         setSendNyMeldingStatus({ type: SendNyMeldingStatus.UNDER_ARBEID });
         setState(initialState);