update user count when discord role is removed

__tests__/groups/group.test.js

@@ -210,6 +210,19 @@ describe('Discord Groups Page', () => {
     expect(buttonText).toBe('Remove me from this group');
   });
 
+  test('Should decrease user count by one when user is removed from group', async () => {
+    const userCount = await page.$$eval('.group-role', (elements) => {
+      return elements[1].getAttribute('data-member-count');
+    });
+
+    // Wait for the btn-add-role and click it
+    const deleteRoleBtn = await page.$('.btn-add-role');
+    await deleteRoleBtn.click();
+
+    // Now, check the user count
+    if (userCount != null) expect(userCount).toBe(userCount - 1);
+  });
+
   test('Should show role deleted', async () => {
     await page.$$eval('.group-role', (elements) => {
       elements[1].click();

groups/script.js

@@ -284,6 +284,15 @@ async function removeRoleHandler() {
         memberAddRoleBody.roleid,
         memberAddRoleBody.userid,
       );
+      if (isDev) {
+        const groupNameElement = document.getElementById(
+          `name-${memberAddRoleBody.roleid}`,
+        );
+        const currentCount = groupNameElement.getAttribute('data-member-count');
+        if (currentCount !== null && currentCount !== undefined) {
+          groupNameElement.setAttribute('data-member-count', currentCount - 1);
+        }
+      }
       showToaster(res.message);
       UserGroupData = await getUserGroupRoles();
       updateButtonState();