Small optims

src/lib/components/forms/ConfirmRedaction.svelte

@@ -44,6 +44,7 @@ This almost certainly lives in a modal.
       if (result.type === "success") {
         // need to invalidate before navigating
         await invalidate(`document:${document.id}`);
+        $redactions = [];
         $pending = result.data.redactions;
         goto("?mode=document");
         dispatch("close");

src/lib/components/viewer/RedactionLayer.svelte

@@ -28,13 +28,13 @@ So this layer is only showing unsaved redactions.
 
   export function clear() {
     redactions.set([]);
+    pending.set([]);
   }
 </script>
 
 <script lang="ts">
   import { onMount } from "svelte";
   import { _ } from "svelte-i18n";
-  import { beforeNavigate } from "$app/navigation";
 
   export let active = false;
   export let page_number: number; // 0-indexed
@@ -106,18 +106,6 @@ So this layer is only showing unsaved redactions.
     currentRedaction = null;
   }
 
-  beforeNavigate(({ cancel }) => {
-    // if there's redactions, confirm before navigating away
-    if ($redactions.length > 0) {
-      if (confirm($_("redact.leaveWarning"))) {
-        clear();
-        return;
-      } else {
-        cancel();
-      }
-    }
-  });
-
   onMount(() => {
     // before unmounting the component, clear the current redactions
     return () => {