Q: Is it possible to get unread count (total and per tab)? | Novu | Page 1

distant oriole Mar 5, 2025, 9:44 PM

#

I have this application using the @novu/react. Is it possible to get the total unread count for each tab (and total between all)?

meager token Mar 6, 2025, 10:07 AM

#

@distant oriole

Is this related to this post?

#

#1346226071107801098 message

distant oriole Mar 6, 2025, 12:01 PM

#

Hello, @meager token , while I still experiment the behavior mentioned on that post, no, this is a separated post.

meager token Mar 10, 2025, 12:34 AM

#

@distant oriole

You can use useCounts hook multiple times with required filters

An example 👇🏻

  const { counts: unreadCountForTab1, refetch: refetchUnreadCountForTab1 } =
    useCounts({
      filters: [{ read: false, tags: ["tab1"] }],
    });

  const { counts: unreadCountForTab2, refetch: refetchUnreadCountForTab2 } =
    useCounts({
      filters: [{ read: false, tags: ["tab2"] }],
    });

  const { counts: totalUnreadCount, refetch: refetchTotalUnreadCount } =
    useCounts({
      filters: [{ read: false }],
    });

#

Let me know if you are facing any issue

meager token Mar 10, 2025, 10:43 PM

#

@distant oriole ping

distant oriole Mar 12, 2025, 6:25 PM

#

Hello, sorry for late reply, normally i don't have discord notifications turned on, but i have turned them on now.

I don't seem to be able to use the useCount when passing tags to the filters array. Take a look: https://codesandbox.io/p/devbox/novu-no-tabs-forked-js33ll?workspaceId=ws_7SUJy9312Hx95pVV2BTHfM

@meager token

meager token Mar 17, 2025, 5:56 AM

#

@distant oriole

Thanks for sharing the code sandbox link. I can reproduce the issue. Sharing the issue with team

meager token Mar 18, 2025, 7:46 AM

#

@distant oriole

This bug is fixed in @novu/react v3.0.0

Can you please check from your end?

#Q: Is it possible to get unread count (total and per tab)?