Reset bulk selection after action

Author: niemyjski

src/Exceptionless.Web/ClientApp/src/lib/features/events/api.svelte.ts

@@ -2,7 +2,7 @@ import type { WebSocketMessageValue } from '$features/websockets/models';
 import type { CountResult, WorkInProgressResult } from '$shared/models';
 
 import { accessToken } from '$features/auth/index.svelte';
-import { DEFAULT_OFFSET } from '$features/shared/api/api.svelte';
+import { DEFAULT_OFFSET } from '$shared/api/api.svelte';
 import { type ProblemDetails, useFetchClient } from '@exceptionless/fetchclient';
 import { createMutation, createQuery, QueryClient, useQueryClient } from '@tanstack/svelte-query';
 

src/Exceptionless.Web/ClientApp/src/lib/features/events/components/table/EventsBulkActionsDropdownMenu.svelte

@@ -31,11 +31,14 @@
 
     async function remove() {
         await removeEvents.mutateAsync();
+
         if (ids.length === 1) {
             toast.success('Successfully deleted event.');
         } else {
             toast.success(`Successfully deleted ${Intl.NumberFormat().format(ids.length)} events.`);
         }
+
+        table.resetRowSelection();
     }
 </script>
 

src/Exceptionless.Web/ClientApp/src/lib/features/stacks/components/StackCard.svelte

@@ -12,9 +12,9 @@
     import { Skeleton } from '$comp/ui/skeleton';
     import * as Tooltip from '$comp/ui/tooltip';
     import { getProjectCountQuery, getStackCountQuery } from '$features/events/api.svelte';
-    import { DEFAULT_OFFSET } from '$features/shared/api/api.svelte';
     import { getStackQuery } from '$features/stacks/api.svelte';
     import { cardinality, max, min, sum } from '$shared/api/aggregations';
+    import { DEFAULT_OFFSET } from '$shared/api/api.svelte';
     import IconFirstOccurrence from '~icons/mdi/arrow-left-circle';
     import IconLastOccurrence from '~icons/mdi/arrow-right-circle';
     import IconCalendar from '~icons/mdi/calendar';

src/Exceptionless.Web/ClientApp/src/lib/features/stacks/components/StacksBulkActionsDropdownMenu.svelte

@@ -60,10 +60,12 @@
 
     async function markOpen() {
         await changeStatus.mutateAsync(StackStatus.Open);
+        table.resetRowSelection();
     }
 
     async function markFixed(version?: string) {
         await updateMarkFixed.mutateAsync(version);
+        table.resetRowSelection();
     }
 
     async function markSnoozed(timePeriod?: '6hours' | 'day' | 'month' | 'week') {
@@ -85,19 +87,23 @@
         }
 
         await updateMarkSnoozed.mutateAsync(snoozeUntilUtc);
+        table.resetRowSelection();
     }
 
     async function markIgnored() {
         await changeStatus.mutateAsync(StackStatus.Ignored);
+        table.resetRowSelection();
     }
 
     async function markDiscarded() {
         await changeStatus.mutateAsync(StackStatus.Discarded);
+        table.resetRowSelection();
     }
 
     async function remove() {
         await removeStack.mutateAsync();
         toast.success('Successfully queued the stack for deletion.');
+        table.resetRowSelection();
     }
 </script>