fix: Notification counter now gets updated when reading a dialog (#1398)

Altinn · Nov 27, 2024 · ed91b61 · ed91b61
1 parent 2cbf387
commit ed91b61
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/frontend/src/api/useDialogById.tsx b/packages/frontend/src/api/useDialogById.tsx
@@ -1,4 +1,4 @@
-import { useQuery } from '@tanstack/react-query';
+import { useQuery, useQueryClient } from '@tanstack/react-query';
 import type {
   AttachmentFieldsFragment,
   DialogActivityFragment,
@@ -183,6 +183,7 @@ export function mapDialogDtoToInboxItem(
   };
 }
 export const useDialogById = (parties: PartyFieldsFragment[], id?: string): UseDialogByIdOutput => {
+  const queryClient = useQueryClient();
   const { organizations, isLoading: isOrganizationsLoading } = useOrganizations();
   const partyURIs = parties.map((party) => party.party);
   const { data, isSuccess, isLoading } = useQuery<GetDialogByIdQuery>({
@@ -193,6 +194,8 @@ export const useDialogById = (parties: PartyFieldsFragment[], id?: string): UseD
     enabled: typeof id !== 'undefined' && partyURIs.length > 0,
   });
 
+  isSuccess && queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.DIALOGS] });
+
   if (isOrganizationsLoading) {
     return { isLoading: true, isSuccess: false };
   }