@planningcenter/topbar 12.2.3 → 12.2.4

package/dist/topbar.js

@@ -5704,10 +5704,10 @@ const useChatConfig = ({
   userId
 }) => {
   const [displayChatIcon, setDisplayChatIcon] = React.useState(false);
-  const [unreadMessages, setUnreadMessages] = React.useState(false);
+  const [hasUnread, setHasUnread] = React.useState(false);
   const fetchChatPerson = async () => {
     const url = `${window.location.origin}/~api/chat/v2/me`;
-    const personFields = ["can_chat_pending_age_check", "unread_messages"].join(",");
+    const personFields = ["can_chat_pending_age_check", "unread_messages", "unread_reactions"].join(",");
     const query = `?fields[Person]=${personFields}`;
     const {
       json
@@ -5719,9 +5719,10 @@ const useChatConfig = ({
   }) => {
     const {
       can_chat_pending_age_check,
-      unread_messages
+      unread_messages,
+      unread_reactions
     } = data.attributes;
-    setUnreadMessages(unread_messages);
+    setHasUnread(unread_messages || unread_reactions);
     setDisplayChatIcon(can_chat_pending_age_check);
   }).catch(noop);
   const chatJoltChannel = useJoltChannelSubscription({
@@ -5753,7 +5754,7 @@ const useChatConfig = ({
   }, [isEnabled]);
   return {
     displayChatIcon,
-    unreadIndicator: unreadMessages
+    unreadIndicator: hasUnread
   };
 };