Refetch moderation count query on Moderated message

cultuurnet · Sep 20, 2023 · b5815eb · b5815eb
1 parent 171d1a8
commit b5815eb
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/hooks/useHandleWindowMessage.js b/src/hooks/useHandleWindowMessage.js
@@ -11,6 +11,7 @@ const WindowMessageTypes = {
   URL_UNKNOWN: 'URL_UNKNOWN',
   JOB_ADDED: 'JOB_ADDED',
   HTTP_ERROR_CODE: 'HTTP_ERROR_CODE',
+  OFFER_MODERATED: 'OFFER_MODERATED',
 };
 
 const useHandleWindowMessage = (eventsMap = {}) => {

diff --git a/src/layouts/Sidebar.tsx b/src/layouts/Sidebar.tsx
@@ -16,6 +16,10 @@ import {
 } from '@/hooks/api/user';
 import { useCookiesWithOptions } from '@/hooks/useCookiesWithOptions';
 import { FeatureFlags, useFeatureFlag } from '@/hooks/useFeatureFlag';
+import {
+  useHandleWindowMessage,
+  WindowMessageTypes,
+} from '@/hooks/useHandleWindowMessage';
 import { useLocalStorage } from '@/hooks/useLocalStorage';
 import { useMatchBreakpoint } from '@/hooks/useMatchBreakpoint';
 import {
@@ -317,6 +321,7 @@ const BetaVersionToggle = ({
 const Sidebar = () => {
   const { t, i18n } = useTranslation();
 
+  const queryClient = useQueryClient();
   const storage = useLocalStorage();
 
   const [isJobLoggerVisible, setIsJobLoggerVisible] = useState(true);
@@ -422,6 +427,11 @@ const Sidebar = () => {
     // @ts-expect-error
   }, [getRolesQuery.data]);
 
+  useHandleWindowMessage({
+    [WindowMessageTypes.OFFER_MODERATED]: () =>
+      queryClient.invalidateQueries(['events']),
+  });
+
   const announcements = useMemo(
     () =>
       rawAnnouncements.map((announcement) => {