FIX: Share group using URL (#643)

* added option to share the group using url

* test: add test for changes

* test: fix test

Author: sahsisunny

__tests__/groups/group.test.js

@@ -339,4 +339,14 @@ describe('Discord Groups Page', () => {
       expect.arrayContaining(['DSA', 'DSA-Coding-Group']),
     );
   });
+
+  test('should select the group from URL and have active-group class', async () => {
+    await page.goto('http://localhost:8000/groups?DSA');
+    const activeGroup = await page.$('.active-group');
+    const groupName = await page.evaluate(
+      (element) => element.innerText,
+      activeGroup,
+    );
+    expect(groupName).toMatch('DSA');
+  });
 });

groups/script.js

@@ -154,6 +154,9 @@ groupRoles?.addEventListener('click', function (event) {
   });
   const groupListItem = event.target?.closest('li');
   if (groupListItem) {
+    const groupName = `${groupListItem.querySelector('p').textContent}`;
+    const newURL = `${window.location.pathname}?${groupName}`;
+    window.history.pushState({}, '', newURL);
     groupListItem.classList.add('active-group');
     memberAddRoleBody.roleid = groupListItem.id;
     if (IsUserVerified) {
@@ -349,3 +352,20 @@ createGroupButton.addEventListener('click', async () => {
       location.reload();
     });
 });
+
+/**
+ * TO SELECT A GROUP ROLE
+ */
+
+if (searchValue) {
+  const groupName = searchValue;
+  const paragraphs = document.querySelectorAll('p');
+
+  const groupElement = Array.from(paragraphs).find((paragraph) =>
+    paragraph.textContent.includes(groupName),
+  );
+
+  if (groupElement) {
+    groupElement.parentElement.click();
+  }
+}