Merge pull request #196 from WoltLab/event-update-user-menu-item

Event to update the counter in user menu
WoltLab · Mar 8, 2024 · 1e49678 · 1e49678
2 parents ee5a6d0 + 3a2e468
commit 1e49678
Show file tree

Hide file tree

Showing 4 changed files with 47 additions and 37 deletions.
diff --git a/files/js/WoltLabSuite/Core/Conversation/Ui/User/Menu/Data/Conversation.js b/files/js/WoltLabSuite/Core/Conversation/Ui/User/Menu/Data/Conversation.js
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -8,6 +8,6 @@
     "typescript": "^5.2.2"
   },
   "dependencies": {
-    "@woltlab/d.ts": "https://github.com/WoltLab/d.ts.git#c08648e9f82c381bd18b91ac1072c430e58e71f1"
+    "@woltlab/d.ts": "https://github.com/WoltLab/d.ts.git#4e9d0e4825110d3fd140cbdcecac6f1bcd7a1840"
   }
 }
diff --git a/ts/WoltLabSuite/Core/Conversation/Ui/User/Menu/Data/Conversation.ts b/ts/WoltLabSuite/Core/Conversation/Ui/User/Menu/Data/Conversation.ts
@@ -10,6 +10,7 @@
 import { dboAction } from "WoltLabSuite/Core/Ajax";
 import UserMenuView from "WoltLabSuite/Core/Ui/User/Menu/View";
 import {
+  EventUpdateCounter,
   UserMenuButton,
   UserMenuData,
   UserMenuFooter,
@@ -55,6 +56,11 @@ class UserMenuDataConversation implements UserMenuProvider {
         this.counter = counter;
       }
     }
+    this.button.addEventListener("updateCounter", (event: CustomEvent<EventUpdateCounter>) => {
+      this.updateCounter(event.detail.counter);
+
+      this.stale = true;
+    });
   }
 
   getPanelButton(): HTMLElement {