From 462f57938751e64bd5df7ab50299681f404c9ffb Mon Sep 17 00:00:00 2001
From: shantanu-02 <shantanupawar101@gmail.com>
Date: Sun, 29 Sep 2024 04:02:37 +0530
Subject: [PATCH 01/22] fix: Added footer contaning repo link for every webpage

---
 applications/index.html  | 13 +++++++++++++
 groups/index.html        | 15 ++++++++++++++-
 users/discord/index.html | 13 +++++++++++++
 3 files changed, 40 insertions(+), 1 deletion(-)

diff --git a/applications/index.html b/applications/index.html
index 8ab396b0..78f84275 100644
--- a/applications/index.html
+++ b/applications/index.html
@@ -121,5 +121,18 @@ <h2>Status</h2>
       <div class="loader hidden">Loading...</div>
       <div id="page_bottom_element"></div>
     </div>
+    
+    <footer>
+      <p class="info-repo">
+        The contents of this website are deployed from this
+        <a
+          href="https://github.com/Real-Dev-Squad/website-dashboard"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          open sourced repo
+        </a>
+      </p>
+    </footer>
   </body>
 </html>
diff --git a/groups/index.html b/groups/index.html
index e354491b..8dd4654e 100644
--- a/groups/index.html
+++ b/groups/index.html
@@ -38,12 +38,25 @@
         <div class="create-group">
           <button class="button">
             <span class="button__text">Create Group</span>
-            <img src="assets/plus.svg" class="button__icon" />
+            <img src="assets/plus.svg" alt="+" class="button__icon" />
           </button>
         </div>
       </section>
       <div class="group-container"></div>
     </main>
+    
+    <footer>
+      <p class="info-repo">
+        The contents of this website are deployed from this
+        <a
+          href="https://github.com/Real-Dev-Squad/website-dashboard"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          open sourced repo
+        </a>
+      </p>
+    </footer>
   </body>
   <div class="toast">
     <div class="toast__message"></div>
diff --git a/users/discord/index.html b/users/discord/index.html
index a3dd743f..5e1300d8 100644
--- a/users/discord/index.html
+++ b/users/discord/index.html
@@ -16,6 +16,19 @@
     <nav id="tasksNav"></nav>
     <h1 id="pageTitle">Discord Users</h1>
     <div id="root"></div>
+    
+    <footer>
+      <p class="info-repo">
+        The contents of this website are deployed from this
+        <a
+          href="https://github.com/Real-Dev-Squad/website-dashboard"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          open sourced repo
+        </a>
+      </p>
+    </footer>
   </body>
   <script src="utils/react.js"></script>
   <script src="/helpers/loadENV.js"></script>

From c22302175f8a1b0ab65659ec1e3689615f8d5824 Mon Sep 17 00:00:00 2001
From: shantanu-02 <shantanupawar101@gmail.com>
Date: Sun, 29 Sep 2024 04:16:56 +0530
Subject: [PATCH 02/22] fix: Added footer contaning repo link for every webpage

---
 applications/index.html | 2 +-
 applications/style.css  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/applications/index.html b/applications/index.html
index 78f84275..88ff4dc7 100644
--- a/applications/index.html
+++ b/applications/index.html
@@ -122,7 +122,7 @@ <h2>Status</h2>
       <div id="page_bottom_element"></div>
     </div>
     
-    <footer>
+    <footer class="footer">
       <p class="info-repo">
         The contents of this website are deployed from this
         <a
diff --git a/applications/style.css b/applications/style.css
index 6576f74c..55242ab8 100644
--- a/applications/style.css
+++ b/applications/style.css
@@ -42,7 +42,7 @@ body {
   left: 0;
 }
 
-.header {
+.header, .footer {
   text-align: center;
 }
 

From 98677bd96dce5a5d7d8bc398659b0f55d049101c Mon Sep 17 00:00:00 2001
From: shantanu-02 <shantanupawar101@gmail.com>
Date: Tue, 1 Oct 2024 01:13:44 +0530
Subject: [PATCH 03/22] Enhancement: Added tests for new URLs

---
 footerTest.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/footerTest.js b/footerTest.js
index d292d8b1..13f4a47f 100644
--- a/footerTest.js
+++ b/footerTest.js
@@ -1,4 +1,7 @@
 const puppeteer = require('puppeteer');
+const EventEmitter = require('events');
+
+EventEmitter.defaultMaxListeners = 15;
 
 let config = {
   launchOptions: {
@@ -18,6 +21,9 @@ let urls = [
   'https://dashboard.realdevsquad.com/featureflag/index.html',
   'https://dashboard.realdevsquad.com/wallet/index.html',
   'https://dashboard.realdevsquad.com/online-members/online-members.html',
+  'https://dashboard.realdevsquad.com/users/discord/index.html',
+  'https://dashboard.realdevsquad.com/groups/index.html',
+  'https://dashboard.realdevsquad.com/applications/index.html',
 ];
 
 const test_footer = async (url, index) => {

From 8388345751ae04eccb38614203baffef42f66805 Mon Sep 17 00:00:00 2001
From: shantanu-02 <shantanupawar101@gmail.com>
Date: Tue, 1 Oct 2024 03:13:30 +0530
Subject: [PATCH 04/22] Enhancement: Added tests for new URLs

---
 __tests__/applications/applications.test.js | 31 +++++++++++++++++++++
 __tests__/groups/group.test.js              | 31 +++++++++++++++++++++
 applications/index.html                     |  2 +-
 applications/style.css                      |  3 +-
 groups/index.html                           |  2 +-
 task-requests/details/index.html            |  5 +---
 users/discord/index.html                    |  2 +-
 7 files changed, 68 insertions(+), 8 deletions(-)

diff --git a/__tests__/applications/applications.test.js b/__tests__/applications/applications.test.js
index addd1d1b..e951d9f0 100644
--- a/__tests__/applications/applications.test.js
+++ b/__tests__/applications/applications.test.js
@@ -272,4 +272,35 @@ describe('Applications page', () => {
     );
     await page.waitForNetworkIdle();
   });
+
+  it('should display the footer with the correct repo link', async () => {
+    const footer = await page.$('footer');
+    expect(footer).toBeTruthy();
+
+    const infoRepo = await footer.$('.info-repo');
+    expect(infoRepo).toBeTruthy();
+
+    const repoLink = await infoRepo.$('a');
+    expect(repoLink).toBeTruthy();
+
+    const repoLinkHref = await page.evaluate((el) => el.href, repoLink);
+    expect(repoLinkHref).toBe(
+      'https://github.com/Real-Dev-Squad/website-dashboard',
+    );
+
+    const repoLinkTarget = await page.evaluate((el) => el.target, repoLink);
+    expect(repoLinkTarget).toBe('_blank');
+
+    const repoLinkRel = await page.evaluate((el) => el.rel, repoLink);
+    expect(repoLinkRel).toBe('noopener noreferrer');
+
+    const repoLinkText = await page.evaluate((el) => el.innerText, repoLink);
+    expect(repoLinkText).toBe('open sourced repo');
+
+    const repoLinkClass = await page.evaluate((el) => el.className, repoLink);
+    expect(repoLinkClass).toBe('');
+
+    const repoLinkStyle = await page.evaluate((el) => el.style, repoLink);
+    expect(repoLinkStyle).toBeTruthy();
+  });
 });
diff --git a/__tests__/groups/group.test.js b/__tests__/groups/group.test.js
index 4400450f..9f69a367 100644
--- a/__tests__/groups/group.test.js
+++ b/__tests__/groups/group.test.js
@@ -266,4 +266,35 @@ describe('Discord Groups Page', () => {
 
     expect(noGroupDiv).toBeTruthy();
   });
+
+  it('should display the footer with the correct repo link', async () => {
+    const footer = await page.$('footer');
+    expect(footer).toBeTruthy();
+
+    const infoRepo = await footer.$('.info-repo');
+    expect(infoRepo).toBeTruthy();
+
+    const repoLink = await infoRepo.$('a');
+    expect(repoLink).toBeTruthy();
+
+    const repoLinkHref = await page.evaluate((el) => el.href, repoLink);
+    expect(repoLinkHref).toBe(
+      'https://github.com/Real-Dev-Squad/website-dashboard',
+    );
+
+    const repoLinkTarget = await page.evaluate((el) => el.target, repoLink);
+    expect(repoLinkTarget).toBe('_blank');
+
+    const repoLinkRel = await page.evaluate((el) => el.rel, repoLink);
+    expect(repoLinkRel).toBe('noopener noreferrer');
+
+    const repoLinkText = await page.evaluate((el) => el.innerText, repoLink);
+    expect(repoLinkText).toBe('open sourced repo');
+
+    const repoLinkClass = await page.evaluate((el) => el.className, repoLink);
+    expect(repoLinkClass).toBe('');
+
+    const repoLinkStyle = await page.evaluate((el) => el.style, repoLink);
+    expect(repoLinkStyle).toBeTruthy();
+  });
 });
diff --git a/applications/index.html b/applications/index.html
index 88ff4dc7..80ca9aa1 100644
--- a/applications/index.html
+++ b/applications/index.html
@@ -121,7 +121,7 @@ <h2>Status</h2>
       <div class="loader hidden">Loading...</div>
       <div id="page_bottom_element"></div>
     </div>
-    
+
     <footer class="footer">
       <p class="info-repo">
         The contents of this website are deployed from this
diff --git a/applications/style.css b/applications/style.css
index 55242ab8..8eee9dfb 100644
--- a/applications/style.css
+++ b/applications/style.css
@@ -42,7 +42,8 @@ body {
   left: 0;
 }
 
-.header, .footer {
+.header,
+.footer {
   text-align: center;
 }
 
diff --git a/groups/index.html b/groups/index.html
index 8dd4654e..0d73fc8d 100644
--- a/groups/index.html
+++ b/groups/index.html
@@ -44,7 +44,7 @@
       </section>
       <div class="group-container"></div>
     </main>
-    
+
     <footer>
       <p class="info-repo">
         The contents of this website are deployed from this
diff --git a/task-requests/details/index.html b/task-requests/details/index.html
index 5dc02fbb..3ccee24d 100644
--- a/task-requests/details/index.html
+++ b/task-requests/details/index.html
@@ -73,10 +73,7 @@ <h4 class="requestors__container__title">Requestors</h4>
               id="requestors-details"
             ></ul>
             <ul
-              class="
-                requestors__container__list
-                requestors__container__list__skeleton
-              "
+              class="requestors__container__list requestors__container__list__skeleton"
             >
               <li class="skeleton"></li>
               <li class="skeleton"></li>
diff --git a/users/discord/index.html b/users/discord/index.html
index 5e1300d8..272648ce 100644
--- a/users/discord/index.html
+++ b/users/discord/index.html
@@ -16,7 +16,7 @@
     <nav id="tasksNav"></nav>
     <h1 id="pageTitle">Discord Users</h1>
     <div id="root"></div>
-    
+
     <footer>
       <p class="info-repo">
         The contents of this website are deployed from this

From 2008112d9ee1d26737e52881787b6fddb8de1caf Mon Sep 17 00:00:00 2001
From: shantanu-02 <shantanupawar101@gmail.com>
Date: Tue, 1 Oct 2024 03:16:35 +0530
Subject: [PATCH 05/22] Fix: Removed Live URLs which do not have footer from
 testing

---
 footerTest.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/footerTest.js b/footerTest.js
index 13f4a47f..2ec4ef9e 100644
--- a/footerTest.js
+++ b/footerTest.js
@@ -21,9 +21,9 @@ let urls = [
   'https://dashboard.realdevsquad.com/featureflag/index.html',
   'https://dashboard.realdevsquad.com/wallet/index.html',
   'https://dashboard.realdevsquad.com/online-members/online-members.html',
-  'https://dashboard.realdevsquad.com/users/discord/index.html',
-  'https://dashboard.realdevsquad.com/groups/index.html',
-  'https://dashboard.realdevsquad.com/applications/index.html',
+  // 'https://dashboard.realdevsquad.com/users/discord/index.html',
+  // 'https://dashboard.realdevsquad.com/groups/index.html',
+  // 'https://dashboard.realdevsquad.com/applications/index.html',
 ];
 
 const test_footer = async (url, index) => {

From bbce207f0c20599adfa31e75bcf27c9ab5dc3df0 Mon Sep 17 00:00:00 2001
From: shantanu-02 <shantanupawar101@gmail.com>
Date: Sun, 6 Oct 2024 21:43:00 +0530
Subject: [PATCH 06/22] Enhancement: Fixed position for footer

---
 applications/style.css | 8 +++++++-
 groups/index.html      | 2 +-
 groups/style.css       | 7 +++++++
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/applications/style.css b/applications/style.css
index 8eee9dfb..76da14ae 100644
--- a/applications/style.css
+++ b/applications/style.css
@@ -42,9 +42,15 @@ body {
   left: 0;
 }
 
-.header,
+.header {
+  text-align: center;
+}
+
 .footer {
+  width: 100vw;
   text-align: center;
+  position: fixed;
+  bottom: 5px;
 }
 
 .container {
diff --git a/groups/index.html b/groups/index.html
index 0d73fc8d..86263226 100644
--- a/groups/index.html
+++ b/groups/index.html
@@ -45,7 +45,7 @@
       <div class="group-container"></div>
     </main>
 
-    <footer>
+    <footer class="footer">
       <p class="info-repo">
         The contents of this website are deployed from this
         <a
diff --git a/groups/style.css b/groups/style.css
index 054e47b4..5b286e6a 100644
--- a/groups/style.css
+++ b/groups/style.css
@@ -100,6 +100,7 @@ body {
   justify-content: center;
   align-items: center;
   flex-direction: column;
+  min-height: 98vh;
 }
 
 .container {
@@ -159,6 +160,12 @@ body {
     text-align: left;
   }
 
+  .footer {
+    text-align: center;
+    position: fixed;
+    bottom: 100px;
+  }
+
   .disclaimer {
     display: flex;
     align-items: center;

From 1a7ee360baba2e5b96e7e614f4eb67aa77d2b03f Mon Sep 17 00:00:00 2001
From: shantanu-02 <shantanupawar101@gmail.com>
Date: Wed, 9 Oct 2024 02:40:19 +0530
Subject: [PATCH 07/22] fix: removed commented content

---
 footerTest.js | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/footerTest.js b/footerTest.js
index 2ec4ef9e..b046bd42 100644
--- a/footerTest.js
+++ b/footerTest.js
@@ -21,9 +21,6 @@ let urls = [
   'https://dashboard.realdevsquad.com/featureflag/index.html',
   'https://dashboard.realdevsquad.com/wallet/index.html',
   'https://dashboard.realdevsquad.com/online-members/online-members.html',
-  // 'https://dashboard.realdevsquad.com/users/discord/index.html',
-  // 'https://dashboard.realdevsquad.com/groups/index.html',
-  // 'https://dashboard.realdevsquad.com/applications/index.html',
 ];
 
 const test_footer = async (url, index) => {

From e403ba1eccb84cf860ca71cdabcbd0fb5753c014 Mon Sep 17 00:00:00 2001
From: shantanu-02 <shantanupawar101@gmail.com>
Date: Wed, 9 Oct 2024 02:41:12 +0530
Subject: [PATCH 08/22] Enhancement: Used adata-test-id instead of class/id

---
 __tests__/applications/applications.test.js | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/__tests__/applications/applications.test.js b/__tests__/applications/applications.test.js
index e951d9f0..1f6a191a 100644
--- a/__tests__/applications/applications.test.js
+++ b/__tests__/applications/applications.test.js
@@ -274,32 +274,41 @@ describe('Applications page', () => {
   });
 
   it('should display the footer with the correct repo link', async () => {
-    const footer = await page.$('footer');
+    // Selecting the footer using data-test-id
+    const footer = await page.$('[data-test-id="footer"]');
     expect(footer).toBeTruthy();
 
-    const infoRepo = await footer.$('.info-repo');
+    // Selecting the .info-repo using data-test-id
+    const infoRepo = await footer.$('[data-test-id="info-repo"]');
     expect(infoRepo).toBeTruthy();
 
-    const repoLink = await infoRepo.$('a');
+    // Selecting the anchor tag using data-test-id
+    const repoLink = await infoRepo.$('[data-test-id="repo-link"]');
     expect(repoLink).toBeTruthy();
 
+    // Checking if the href of the repo link is correct
     const repoLinkHref = await page.evaluate((el) => el.href, repoLink);
     expect(repoLinkHref).toBe(
       'https://github.com/Real-Dev-Squad/website-dashboard',
     );
 
+    // Checking if the target attribute is _blank
     const repoLinkTarget = await page.evaluate((el) => el.target, repoLink);
     expect(repoLinkTarget).toBe('_blank');
 
+    // Checking if the rel attribute is noopener noreferrer
     const repoLinkRel = await page.evaluate((el) => el.rel, repoLink);
     expect(repoLinkRel).toBe('noopener noreferrer');
 
+    // Checking if the inner text of the link is 'open sourced repo'
     const repoLinkText = await page.evaluate((el) => el.innerText, repoLink);
     expect(repoLinkText).toBe('open sourced repo');
 
+    // Checking if the link has no additional class
     const repoLinkClass = await page.evaluate((el) => el.className, repoLink);
     expect(repoLinkClass).toBe('');
 
+    // Checking if the link has inline styles
     const repoLinkStyle = await page.evaluate((el) => el.style, repoLink);
     expect(repoLinkStyle).toBeTruthy();
   });

From 4bebd321ab42b60912fee0942effb119bf94305e Mon Sep 17 00:00:00 2001
From: shantanu-02 <shantanupawar101@gmail.com>
Date: Wed, 9 Oct 2024 02:41:52 +0530
Subject: [PATCH 09/22] Fix: footer position styling

---
 groups/style.css | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/groups/style.css b/groups/style.css
index 5b286e6a..f35c088d 100644
--- a/groups/style.css
+++ b/groups/style.css
@@ -100,7 +100,11 @@ body {
   justify-content: center;
   align-items: center;
   flex-direction: column;
-  min-height: 98vh;
+}
+
+.footer {
+  position: fixed;
+  bottom: 5px;
 }
 
 .container {
@@ -160,12 +164,6 @@ body {
     text-align: left;
   }
 
-  .footer {
-    text-align: center;
-    position: fixed;
-    bottom: 100px;
-  }
-
   .disclaimer {
     display: flex;
     align-items: center;

From 6152ac426a4a4b4aed1dca8e55971cb63e9efaf9 Mon Sep 17 00:00:00 2001
From: shantanu-02 <shantanupawar101@gmail.com>
Date: Wed, 9 Oct 2024 02:43:03 +0530
Subject: [PATCH 10/22] Fix: changes using data-test-id

---
 applications/index.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/applications/index.html b/applications/index.html
index 80ca9aa1..6fb19ca5 100644
--- a/applications/index.html
+++ b/applications/index.html
@@ -122,13 +122,14 @@ <h2>Status</h2>
       <div id="page_bottom_element"></div>
     </div>
 
-    <footer class="footer">
-      <p class="info-repo">
+    <footer class="footer" data-test-id="footer">
+      <p class="info-repo" data-test-id="info-repo">
         The contents of this website are deployed from this
         <a
           href="https://github.com/Real-Dev-Squad/website-dashboard"
           target="_blank"
           rel="noopener noreferrer"
+          data-test-id="repo-link"
         >
           open sourced repo
         </a>

From 3e133782eb03afc69b7c4de0289c1e90fab23a84 Mon Sep 17 00:00:00 2001
From: shantanu-02 <shantanupawar101@gmail.com>
Date: Wed, 9 Oct 2024 02:43:30 +0530
Subject: [PATCH 11/22] Fix: Prettier changes

---
 task-requests/details/index.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/task-requests/details/index.html b/task-requests/details/index.html
index 3ccee24d..5dc02fbb 100644
--- a/task-requests/details/index.html
+++ b/task-requests/details/index.html
@@ -73,7 +73,10 @@ <h4 class="requestors__container__title">Requestors</h4>
               id="requestors-details"
             ></ul>
             <ul
-              class="requestors__container__list requestors__container__list__skeleton"
+              class="
+                requestors__container__list
+                requestors__container__list__skeleton
+              "
             >
               <li class="skeleton"></li>
               <li class="skeleton"></li>

From 28232fe226b8bb8b77bb7d56b3cff2a825586287 Mon Sep 17 00:00:00 2001
From: shantanu-02 <shantanupawar101@gmail.com>
Date: Thu, 10 Oct 2024 00:30:45 +0530
Subject: [PATCH 12/22] Fix: minor bug fixes

---
 __tests__/applications/applications.test.js | 9 ---------
 applications/style.css                      | 2 +-
 groups/style.css                            | 2 +-
 3 files changed, 2 insertions(+), 11 deletions(-)

diff --git a/__tests__/applications/applications.test.js b/__tests__/applications/applications.test.js
index 1f6a191a..e65c7468 100644
--- a/__tests__/applications/applications.test.js
+++ b/__tests__/applications/applications.test.js
@@ -274,41 +274,32 @@ describe('Applications page', () => {
   });
 
   it('should display the footer with the correct repo link', async () => {
-    // Selecting the footer using data-test-id
     const footer = await page.$('[data-test-id="footer"]');
     expect(footer).toBeTruthy();
 
-    // Selecting the .info-repo using data-test-id
     const infoRepo = await footer.$('[data-test-id="info-repo"]');
     expect(infoRepo).toBeTruthy();
 
-    // Selecting the anchor tag using data-test-id
     const repoLink = await infoRepo.$('[data-test-id="repo-link"]');
     expect(repoLink).toBeTruthy();
 
-    // Checking if the href of the repo link is correct
     const repoLinkHref = await page.evaluate((el) => el.href, repoLink);
     expect(repoLinkHref).toBe(
       'https://github.com/Real-Dev-Squad/website-dashboard',
     );
 
-    // Checking if the target attribute is _blank
     const repoLinkTarget = await page.evaluate((el) => el.target, repoLink);
     expect(repoLinkTarget).toBe('_blank');
 
-    // Checking if the rel attribute is noopener noreferrer
     const repoLinkRel = await page.evaluate((el) => el.rel, repoLink);
     expect(repoLinkRel).toBe('noopener noreferrer');
 
-    // Checking if the inner text of the link is 'open sourced repo'
     const repoLinkText = await page.evaluate((el) => el.innerText, repoLink);
     expect(repoLinkText).toBe('open sourced repo');
 
-    // Checking if the link has no additional class
     const repoLinkClass = await page.evaluate((el) => el.className, repoLink);
     expect(repoLinkClass).toBe('');
 
-    // Checking if the link has inline styles
     const repoLinkStyle = await page.evaluate((el) => el.style, repoLink);
     expect(repoLinkStyle).toBeTruthy();
   });
diff --git a/applications/style.css b/applications/style.css
index 76da14ae..97e71ee4 100644
--- a/applications/style.css
+++ b/applications/style.css
@@ -50,7 +50,7 @@ body {
   width: 100vw;
   text-align: center;
   position: fixed;
-  bottom: 5px;
+  bottom: 4px;
 }
 
 .container {
diff --git a/groups/style.css b/groups/style.css
index f35c088d..cc714b4e 100644
--- a/groups/style.css
+++ b/groups/style.css
@@ -104,7 +104,7 @@ body {
 
 .footer {
   position: fixed;
-  bottom: 5px;
+  bottom: 4px;
 }
 
 .container {

From 212e1e146b8317a5e7b03df648092eb00a819b39 Mon Sep 17 00:00:00 2001
From: shantanu-02 <shantanupawar101@gmail.com>
Date: Fri, 11 Oct 2024 03:23:25 +0530
Subject: [PATCH 13/22] Enhancement: Made reusable footer component

---
 __tests__/groups/group.test.js |  6 +++---
 __tests__/home/home.test.js    |  6 +++---
 applications/index.html        | 21 +++++++--------------
 footer/footerComponent.js      | 23 +++++++++++++++++++++++
 groups/index.html              | 20 +++++++-------------
 index.html                     | 20 +++++++-------------
 users/discord/index.html       | 20 +++++++-------------
 7 files changed, 57 insertions(+), 59 deletions(-)
 create mode 100644 footer/footerComponent.js

diff --git a/__tests__/groups/group.test.js b/__tests__/groups/group.test.js
index 9f69a367..a158810f 100644
--- a/__tests__/groups/group.test.js
+++ b/__tests__/groups/group.test.js
@@ -268,13 +268,13 @@ describe('Discord Groups Page', () => {
   });
 
   it('should display the footer with the correct repo link', async () => {
-    const footer = await page.$('footer');
+    const footer = await page.$('[data-test-id="footer"]');
     expect(footer).toBeTruthy();
 
-    const infoRepo = await footer.$('.info-repo');
+    const infoRepo = await footer.$('[data-test-id="info-repo"]');
     expect(infoRepo).toBeTruthy();
 
-    const repoLink = await infoRepo.$('a');
+    const repoLink = await infoRepo.$('[data-test-id="repo-link"]');
     expect(repoLink).toBeTruthy();
 
     const repoLinkHref = await page.evaluate((el) => el.href, repoLink);
diff --git a/__tests__/home/home.test.js b/__tests__/home/home.test.js
index 76333d73..936841e7 100644
--- a/__tests__/home/home.test.js
+++ b/__tests__/home/home.test.js
@@ -393,13 +393,13 @@ describe('Home Page', () => {
   });
 
   it('should display the footer with the correct repo link', async () => {
-    const footer = await page.$('footer');
+    const footer = await page.$('[data-test-id="footer"]');
     expect(footer).toBeTruthy();
 
-    const infoRepo = await footer.$('.info-repo');
+    const infoRepo = await footer.$('[data-test-id="info-repo"]');
     expect(infoRepo).toBeTruthy();
 
-    const repoLink = await infoRepo.$('a');
+    const repoLink = await infoRepo.$('[data-test-id="repo-link"]');
     expect(repoLink).toBeTruthy();
 
     const repoLinkHref = await page.evaluate((el) => el.href, repoLink);
diff --git a/applications/index.html b/applications/index.html
index 6fb19ca5..808136e1 100644
--- a/applications/index.html
+++ b/applications/index.html
@@ -121,19 +121,12 @@ <h2>Status</h2>
       <div class="loader hidden">Loading...</div>
       <div id="page_bottom_element"></div>
     </div>
-
-    <footer class="footer" data-test-id="footer">
-      <p class="info-repo" data-test-id="info-repo">
-        The contents of this website are deployed from this
-        <a
-          href="https://github.com/Real-Dev-Squad/website-dashboard"
-          target="_blank"
-          rel="noopener noreferrer"
-          data-test-id="repo-link"
-        >
-          open sourced repo
-        </a>
-      </p>
-    </footer>
+    <script src="../footer/footerComponent.js"></script>
+    <script>
+      document.addEventListener('DOMContentLoaded', () => {
+        const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
+        loadFooter(href);
+      });
+    </script>
   </body>
 </html>
diff --git a/footer/footerComponent.js b/footer/footerComponent.js
new file mode 100644
index 00000000..2373e25d
--- /dev/null
+++ b/footer/footerComponent.js
@@ -0,0 +1,23 @@
+// footerComponent.js
+
+// Define the loadFooter function that takes an href argument
+function loadFooter(href) {
+  const footerHTML = `
+      <footer class="footer" data-test-id="footer">
+        <p class="info-repo" data-test-id="info-repo">
+          The contents of this website are deployed from this
+          <a
+            href="${href}"
+            target="_blank"
+            rel="noopener noreferrer"
+            data-test-id="repo-link"
+          >
+            open sourced repo
+          </a>
+        </p>
+      </footer>
+    `;
+
+  // Insert the footer into the DOM
+  document.body.insertAdjacentHTML('beforeend', footerHTML);
+}
diff --git a/groups/index.html b/groups/index.html
index 86263226..8e8a33c5 100644
--- a/groups/index.html
+++ b/groups/index.html
@@ -44,19 +44,13 @@
       </section>
       <div class="group-container"></div>
     </main>
-
-    <footer class="footer">
-      <p class="info-repo">
-        The contents of this website are deployed from this
-        <a
-          href="https://github.com/Real-Dev-Squad/website-dashboard"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          open sourced repo
-        </a>
-      </p>
-    </footer>
+    <script src="../footer/footerComponent.js"></script>
+    <script>
+      document.addEventListener('DOMContentLoaded', () => {
+        const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
+        loadFooter(href);
+      });
+    </script>
   </body>
   <div class="toast">
     <div class="toast__message"></div>
diff --git a/index.html b/index.html
index b473a0bf..585c6d80 100644
--- a/index.html
+++ b/index.html
@@ -158,18 +158,12 @@
         </div>
       </div>
     </section>
-
-    <footer>
-      <p class="info-repo">
-        The contents of this website are deployed from this
-        <a
-          href="https://github.com/Real-Dev-Squad/website-dashboard"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          open sourced repo
-        </a>
-      </p>
-    </footer>
+    <script src="../footer/footerComponent.js"></script>
+    <script>
+      document.addEventListener('DOMContentLoaded', () => {
+        const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
+        loadFooter(href);
+      });
+    </script>
   </body>
 </html>
diff --git a/users/discord/index.html b/users/discord/index.html
index 272648ce..921ccb19 100644
--- a/users/discord/index.html
+++ b/users/discord/index.html
@@ -16,19 +16,13 @@
     <nav id="tasksNav"></nav>
     <h1 id="pageTitle">Discord Users</h1>
     <div id="root"></div>
-
-    <footer>
-      <p class="info-repo">
-        The contents of this website are deployed from this
-        <a
-          href="https://github.com/Real-Dev-Squad/website-dashboard"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          open sourced repo
-        </a>
-      </p>
-    </footer>
+    <script src="../../footer/footerComponent.js"></script>
+    <script>
+      document.addEventListener('DOMContentLoaded', () => {
+        const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
+        loadFooter(href);
+      });
+    </script>
   </body>
   <script src="utils/react.js"></script>
   <script src="/helpers/loadENV.js"></script>

From f272e59d57a34229163f860b7bd2569f230ba009 Mon Sep 17 00:00:00 2001
From: shantanu-02 <shantanupawar101@gmail.com>
Date: Fri, 11 Oct 2024 03:44:30 +0530
Subject: [PATCH 14/22] Enhancement: Replaced footer of webpages with footer
 component

---
 goal/index.html                    | 18 +++++++-----------
 identity-service-logs/index.html   | 19 +++++++------------
 identity-service-logs/style.css    |  5 +++++
 online-members/online-members.html | 19 +++++++------------
 profile/index.html                 | 20 +++++++-------------
 profile/style.css                  |  5 +++++
 standup/index.html                 | 21 +++++++--------------
 task/index.html                    | 19 +++++++------------
 taskEvents/style.css               |  6 ++++++
 users/details/index.html           | 19 +++++++------------
 users/index.html                   | 19 +++++++------------
 wallet/index.html                  | 20 +++++++-------------
 12 files changed, 79 insertions(+), 111 deletions(-)

diff --git a/goal/index.html b/goal/index.html
index c960ba54..30786995 100644
--- a/goal/index.html
+++ b/goal/index.html
@@ -139,17 +139,13 @@ <h2>Page not found</h2>
         <a href="/">Go to homepage</a>
       </div>
     </div>
-    <footer>
-      <p class="info-repo">
-        The contents of this website are deployed from this
-        <a
-          href="https://github.com/Real-Dev-Squad/website-dashboard"
-          target="_blank"
-          rel="noopener noreferrer"
-          >open sourced repo</a
-        >
-      </p>
-    </footer>
+    <script>
+      document.addEventListener('DOMContentLoaded', () => {
+        const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
+        loadFooter(href);
+      });
+    </script>
+    <script src="../../footer/footerComponent.js"></script>
     <script src="script.js"></script>
   </body>
 </html>
diff --git a/identity-service-logs/index.html b/identity-service-logs/index.html
index e896443e..6c5520eb 100644
--- a/identity-service-logs/index.html
+++ b/identity-service-logs/index.html
@@ -48,17 +48,12 @@ <h1>Identity Service Logs</h1>
     <div class="wrapperDiv"></div>
     <p id="loader">Loading...</p>
     <div id="page_bottom_element"></div>
-    <footer id="footer">
-      <p class="info-repo">
-        The contents of this website are deployed from this
-        <a
-          href="https://github.com/Real-Dev-Squad/website-dashboard"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          open sourced repo
-        </a>
-      </p>
-    </footer>
+    <script>
+      document.addEventListener('DOMContentLoaded', () => {
+        const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
+        loadFooter(href);
+      });
+    </script>
+    <script src="../../footer/footerComponent.js"></script>
   </body>
 </html>
diff --git a/identity-service-logs/style.css b/identity-service-logs/style.css
index c50ab6b6..0661d1d5 100644
--- a/identity-service-logs/style.css
+++ b/identity-service-logs/style.css
@@ -74,6 +74,11 @@ nav h1::before {
   background-color: #000000;
 }
 
+.footer {
+  position: fixed;
+  bottom: 4px;
+}
+
 .wrapperDiv {
   display: flex;
   flex-direction: column;
diff --git a/online-members/online-members.html b/online-members/online-members.html
index 8118e45c..73a6e9a6 100644
--- a/online-members/online-members.html
+++ b/online-members/online-members.html
@@ -28,17 +28,12 @@
       <!-- Members -->
       <div class="users-container" id="users-container"></div>
     </div>
-    <footer>
-      <p class="info-repo">
-        The contents of this website are deployed from this
-        <a
-          href="https://github.com/Real-Dev-Squad/website-dashboard"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          open sourced repo
-        </a>
-      </p>
-    </footer>
+    <script>
+      document.addEventListener('DOMContentLoaded', () => {
+        const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
+        loadFooter(href);
+      });
+    </script>
+    <script src="../../footer/footerComponent.js"></script>
   </body>
 </html>
diff --git a/profile/index.html b/profile/index.html
index 1199abed..b6500695 100644
--- a/profile/index.html
+++ b/profile/index.html
@@ -24,18 +24,12 @@ <h1>PROFILE DIFFERENCES</h1>
     </nav>
 
     <p id="loader">Loading...</p>
-
-    <footer id="footer">
-      <p class="info-repo">
-        The contents of this website are deployed from this
-        <a
-          href="https://github.com/Real-Dev-Squad/website-dashboard"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          open sourced repo
-        </a>
-      </p>
-    </footer>
+    <script>
+      document.addEventListener('DOMContentLoaded', () => {
+        const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
+        loadFooter(href);
+      });
+    </script>
+    <script src="../../footer/footerComponent.js"></script>
   </body>
 </html>
diff --git a/profile/style.css b/profile/style.css
index 5c5a47f2..10dd7a5e 100644
--- a/profile/style.css
+++ b/profile/style.css
@@ -80,6 +80,11 @@ nav h1::before {
   background-color: #000000;
 }
 
+.footer {
+  position: fixed;
+  bottom: 5px;
+}
+
 .wrapperDiv {
   display: flex;
   flex-direction: column;
diff --git a/standup/index.html b/standup/index.html
index 10c7b171..b6b32e42 100644
--- a/standup/index.html
+++ b/standup/index.html
@@ -35,20 +35,13 @@ <h1 class="user-standup-nav">User Standup</h1>
 
       <section class="table-container" id="table-container"></section>
     </main>
-
-    <footer>
-      <p class="info-repo">
-        The contents of this website are deployed from this
-        <a
-          class="info-repo-link"
-          href="https://github.com/Real-Dev-Squad/website-dashboard"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Open sourced repo
-        </a>
-      </p>
-    </footer>
+    <script>
+      document.addEventListener('DOMContentLoaded', () => {
+        const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
+        loadFooter(href);
+      });
+    </script>
+    <script src="../../footer/footerComponent.js"></script>
     <script src="/helpers/loadENV.js"></script>
     <script src="/constants.js"></script>
     <script src="/standup/utils.js"></script>
diff --git a/task/index.html b/task/index.html
index d086ac56..b29fc7a0 100644
--- a/task/index.html
+++ b/task/index.html
@@ -287,21 +287,16 @@ <h4 class="suggested-users-title">Suggested users</h4>
           />
         </div>
       </form>
-
-      <footer>
-        <p class="info-repo">
-          The contents of this website are deployed from this
-          <a
-            href="https://github.com/Real-Dev-Squad/website-dashboard"
-            target="_blank"
-            rel="noopener noreferrer"
-            >open sourced repo</a
-          >
-        </p>
-      </footer>
+      <script>
+        document.addEventListener('DOMContentLoaded', () => {
+          const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
+          loadFooter(href);
+        });
+      </script>
       <div class="hidden" id="submit-loader">
         <div class="loader"></div>
       </div>
+      <script src="../../footer/footerComponent.js"></script>
       <script src="/helpers/loadENV.js"></script>
       <script src="/task/script.js"></script>
     </div>
diff --git a/taskEvents/style.css b/taskEvents/style.css
index f0ca72d1..a3f15a3d 100644
--- a/taskEvents/style.css
+++ b/taskEvents/style.css
@@ -322,6 +322,12 @@ details[open] .dropDown {
   height: 100%;
 }
 
+.footer {
+  align-items: center;
+  position: fixed;
+  bottom: 4px;
+}
+
 /* Give roles modal */
 
 #generic-modal {
diff --git a/users/details/index.html b/users/details/index.html
index c1389786..679886fa 100644
--- a/users/details/index.html
+++ b/users/details/index.html
@@ -87,17 +87,12 @@ <h2 class="accordian-heading">PR's</h2>
         </ul>
       </div>
     </section>
-    <footer class="hide">
-      <p class="info-repo">
-        The contents of this website are deployed from this
-        <a
-          href="https://github.com/Real-Dev-Squad/website-dashboard"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          open sourced repo
-        </a>
-      </p>
-    </footer>
+    <script>
+      document.addEventListener('DOMContentLoaded', () => {
+        const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
+        loadFooter(href);
+      });
+    </script>
+    <script src="../../footer/footerComponent.js"></script>
   </body>
 </html>
diff --git a/users/index.html b/users/index.html
index 5bae7582..6cf1f844 100644
--- a/users/index.html
+++ b/users/index.html
@@ -77,17 +77,12 @@ <h2>Skills</h2>
         <button class="pagination-btn" id="nextButton">Next &raquo;</button>
       </div>
     </section>
-    <footer>
-      <p class="info-repo">
-        The contents of this website are deployed from this
-        <a
-          href="https://github.com/Real-Dev-Squad/website-dashboard"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          open sourced repo
-        </a>
-      </p>
-    </footer>
+    <script>
+      document.addEventListener('DOMContentLoaded', () => {
+        const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
+        loadFooter(href);
+      });
+    </script>
+    <script src="../../footer/footerComponent.js"></script>
   </body>
 </html>
diff --git a/wallet/index.html b/wallet/index.html
index 53214af3..10da1b03 100644
--- a/wallet/index.html
+++ b/wallet/index.html
@@ -28,19 +28,13 @@
         </button>
       </div>
     </div>
-    <footer>
-      <p class="info-repo">
-        The contents of this website are deployed from this
-        <a
-          href="https://github.com/Real-Dev-Squad/website-dashboard"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          open sourced repo
-        </a>
-      </p>
-    </footer>
-
+    <script>
+      document.addEventListener('DOMContentLoaded', () => {
+        const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
+        loadFooter(href);
+      });
+    </script>
+    <script src="../../footer/footerComponent.js"></script>
     <script src="/constants.js"></script>
     <script src="/wallet/script.js"></script>
   </body>

From 6c1357445295c519372be746c46c9420b63cf063 Mon Sep 17 00:00:00 2001
From: shantanu-02 <shantanupawar101@gmail.com>
Date: Fri, 11 Oct 2024 20:20:37 +0530
Subject: [PATCH 15/22] Fix: Minor fixes

---
 applications/index.html            | 3 +--
 footer/footerComponent.js          | 8 ++------
 goal/index.html                    | 3 +--
 groups/index.html                  | 3 +--
 identity-service-logs/index.html   | 3 +--
 index.html                         | 3 +--
 online-members/online-members.html | 3 +--
 profile/index.html                 | 3 +--
 standup/index.html                 | 3 +--
 task/index.html                    | 3 +--
 users/details/index.html           | 3 +--
 users/discord/index.html           | 3 +--
 users/index.html                   | 3 +--
 wallet/index.html                  | 3 +--
 14 files changed, 15 insertions(+), 32 deletions(-)

diff --git a/applications/index.html b/applications/index.html
index 808136e1..024993b1 100644
--- a/applications/index.html
+++ b/applications/index.html
@@ -124,8 +124,7 @@ <h2>Status</h2>
     <script src="../footer/footerComponent.js"></script>
     <script>
       document.addEventListener('DOMContentLoaded', () => {
-        const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
-        loadFooter(href);
+        loadFooter();
       });
     </script>
   </body>
diff --git a/footer/footerComponent.js b/footer/footerComponent.js
index 2373e25d..a92fe3c6 100644
--- a/footer/footerComponent.js
+++ b/footer/footerComponent.js
@@ -1,13 +1,10 @@
-// footerComponent.js
-
-// Define the loadFooter function that takes an href argument
-function loadFooter(href) {
+function loadFooter() {
   const footerHTML = `
       <footer class="footer" data-test-id="footer">
         <p class="info-repo" data-test-id="info-repo">
           The contents of this website are deployed from this
           <a
-            href="${href}"
+            href="https://github.com/Real-Dev-Squad/website-dashboard"
             target="_blank"
             rel="noopener noreferrer"
             data-test-id="repo-link"
@@ -18,6 +15,5 @@ function loadFooter(href) {
       </footer>
     `;
 
-  // Insert the footer into the DOM
   document.body.insertAdjacentHTML('beforeend', footerHTML);
 }
diff --git a/goal/index.html b/goal/index.html
index 30786995..3f871d56 100644
--- a/goal/index.html
+++ b/goal/index.html
@@ -141,8 +141,7 @@ <h2>Page not found</h2>
     </div>
     <script>
       document.addEventListener('DOMContentLoaded', () => {
-        const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
-        loadFooter(href);
+        loadFooter();
       });
     </script>
     <script src="../../footer/footerComponent.js"></script>
diff --git a/groups/index.html b/groups/index.html
index 8e8a33c5..f9e2298b 100644
--- a/groups/index.html
+++ b/groups/index.html
@@ -47,8 +47,7 @@
     <script src="../footer/footerComponent.js"></script>
     <script>
       document.addEventListener('DOMContentLoaded', () => {
-        const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
-        loadFooter(href);
+        loadFooter();
       });
     </script>
   </body>
diff --git a/identity-service-logs/index.html b/identity-service-logs/index.html
index 6c5520eb..75b112d5 100644
--- a/identity-service-logs/index.html
+++ b/identity-service-logs/index.html
@@ -50,8 +50,7 @@ <h1>Identity Service Logs</h1>
     <div id="page_bottom_element"></div>
     <script>
       document.addEventListener('DOMContentLoaded', () => {
-        const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
-        loadFooter(href);
+        loadFooter();
       });
     </script>
     <script src="../../footer/footerComponent.js"></script>
diff --git a/index.html b/index.html
index 585c6d80..9e9828b1 100644
--- a/index.html
+++ b/index.html
@@ -161,8 +161,7 @@
     <script src="../footer/footerComponent.js"></script>
     <script>
       document.addEventListener('DOMContentLoaded', () => {
-        const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
-        loadFooter(href);
+        loadFooter();
       });
     </script>
   </body>
diff --git a/online-members/online-members.html b/online-members/online-members.html
index 73a6e9a6..88d6897d 100644
--- a/online-members/online-members.html
+++ b/online-members/online-members.html
@@ -30,8 +30,7 @@
     </div>
     <script>
       document.addEventListener('DOMContentLoaded', () => {
-        const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
-        loadFooter(href);
+        loadFooter();
       });
     </script>
     <script src="../../footer/footerComponent.js"></script>
diff --git a/profile/index.html b/profile/index.html
index b6500695..cbaf608d 100644
--- a/profile/index.html
+++ b/profile/index.html
@@ -26,8 +26,7 @@ <h1>PROFILE DIFFERENCES</h1>
     <p id="loader">Loading...</p>
     <script>
       document.addEventListener('DOMContentLoaded', () => {
-        const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
-        loadFooter(href);
+        loadFooter();
       });
     </script>
     <script src="../../footer/footerComponent.js"></script>
diff --git a/standup/index.html b/standup/index.html
index b6b32e42..eca07337 100644
--- a/standup/index.html
+++ b/standup/index.html
@@ -37,8 +37,7 @@ <h1 class="user-standup-nav">User Standup</h1>
     </main>
     <script>
       document.addEventListener('DOMContentLoaded', () => {
-        const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
-        loadFooter(href);
+        loadFooter();
       });
     </script>
     <script src="../../footer/footerComponent.js"></script>
diff --git a/task/index.html b/task/index.html
index b29fc7a0..2a24ffba 100644
--- a/task/index.html
+++ b/task/index.html
@@ -289,8 +289,7 @@ <h4 class="suggested-users-title">Suggested users</h4>
       </form>
       <script>
         document.addEventListener('DOMContentLoaded', () => {
-          const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
-          loadFooter(href);
+          loadFooter();
         });
       </script>
       <div class="hidden" id="submit-loader">
diff --git a/users/details/index.html b/users/details/index.html
index 679886fa..a6c078d7 100644
--- a/users/details/index.html
+++ b/users/details/index.html
@@ -89,8 +89,7 @@ <h2 class="accordian-heading">PR's</h2>
     </section>
     <script>
       document.addEventListener('DOMContentLoaded', () => {
-        const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
-        loadFooter(href);
+        loadFooter();
       });
     </script>
     <script src="../../footer/footerComponent.js"></script>
diff --git a/users/discord/index.html b/users/discord/index.html
index 921ccb19..76be4fc0 100644
--- a/users/discord/index.html
+++ b/users/discord/index.html
@@ -19,8 +19,7 @@ <h1 id="pageTitle">Discord Users</h1>
     <script src="../../footer/footerComponent.js"></script>
     <script>
       document.addEventListener('DOMContentLoaded', () => {
-        const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
-        loadFooter(href);
+        loadFooter();
       });
     </script>
   </body>
diff --git a/users/index.html b/users/index.html
index 6cf1f844..0a5d268d 100644
--- a/users/index.html
+++ b/users/index.html
@@ -79,8 +79,7 @@ <h2>Skills</h2>
     </section>
     <script>
       document.addEventListener('DOMContentLoaded', () => {
-        const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
-        loadFooter(href);
+        loadFooter();
       });
     </script>
     <script src="../../footer/footerComponent.js"></script>
diff --git a/wallet/index.html b/wallet/index.html
index 10da1b03..37dacf82 100644
--- a/wallet/index.html
+++ b/wallet/index.html
@@ -30,8 +30,7 @@
     </div>
     <script>
       document.addEventListener('DOMContentLoaded', () => {
-        const href = 'https://github.com/Real-Dev-Squad/website-dashboard';
-        loadFooter(href);
+        loadFooter();
       });
     </script>
     <script src="../../footer/footerComponent.js"></script>

From d4d88682de3396dcea99f16a54df56a8fc40be6e Mon Sep 17 00:00:00 2001
From: shantanu-02 <shantanupawar101@gmail.com>
Date: Sat, 12 Oct 2024 20:06:48 +0530
Subject: [PATCH 16/22] Fix: Removed additional footers

---
 applications/index.html            |  2 +-
 goal/index.html                    | 17 +++++++++++------
 groups/index.html                  |  2 +-
 identity-service-logs/index.html   | 18 ++++++++++++------
 online-members/online-members.html | 18 ++++++++++++------
 profile/index.html                 | 19 +++++++++++++------
 standup/index.html                 | 20 ++++++++++++++------
 task/index.html                    | 18 ++++++++++++------
 users/details/index.html           | 18 ++++++++++++------
 users/discord/index.html           |  2 +-
 users/index.html                   | 18 ++++++++++++------
 wallet/index.html                  | 19 +++++++++++++------
 12 files changed, 114 insertions(+), 57 deletions(-)

diff --git a/applications/index.html b/applications/index.html
index 024993b1..e341a3d9 100644
--- a/applications/index.html
+++ b/applications/index.html
@@ -121,11 +121,11 @@ <h2>Status</h2>
       <div class="loader hidden">Loading...</div>
       <div id="page_bottom_element"></div>
     </div>
-    <script src="../footer/footerComponent.js"></script>
     <script>
       document.addEventListener('DOMContentLoaded', () => {
         loadFooter();
       });
     </script>
+    <script src="../footer/footerComponent.js"></script>
   </body>
 </html>
diff --git a/goal/index.html b/goal/index.html
index 3f871d56..c960ba54 100644
--- a/goal/index.html
+++ b/goal/index.html
@@ -139,12 +139,17 @@ <h2>Page not found</h2>
         <a href="/">Go to homepage</a>
       </div>
     </div>
-    <script>
-      document.addEventListener('DOMContentLoaded', () => {
-        loadFooter();
-      });
-    </script>
-    <script src="../../footer/footerComponent.js"></script>
+    <footer>
+      <p class="info-repo">
+        The contents of this website are deployed from this
+        <a
+          href="https://github.com/Real-Dev-Squad/website-dashboard"
+          target="_blank"
+          rel="noopener noreferrer"
+          >open sourced repo</a
+        >
+      </p>
+    </footer>
     <script src="script.js"></script>
   </body>
 </html>
diff --git a/groups/index.html b/groups/index.html
index f9e2298b..fd071136 100644
--- a/groups/index.html
+++ b/groups/index.html
@@ -44,12 +44,12 @@
       </section>
       <div class="group-container"></div>
     </main>
-    <script src="../footer/footerComponent.js"></script>
     <script>
       document.addEventListener('DOMContentLoaded', () => {
         loadFooter();
       });
     </script>
+    <script src="../footer/footerComponent.js"></script>
   </body>
   <div class="toast">
     <div class="toast__message"></div>
diff --git a/identity-service-logs/index.html b/identity-service-logs/index.html
index 75b112d5..e896443e 100644
--- a/identity-service-logs/index.html
+++ b/identity-service-logs/index.html
@@ -48,11 +48,17 @@ <h1>Identity Service Logs</h1>
     <div class="wrapperDiv"></div>
     <p id="loader">Loading...</p>
     <div id="page_bottom_element"></div>
-    <script>
-      document.addEventListener('DOMContentLoaded', () => {
-        loadFooter();
-      });
-    </script>
-    <script src="../../footer/footerComponent.js"></script>
+    <footer id="footer">
+      <p class="info-repo">
+        The contents of this website are deployed from this
+        <a
+          href="https://github.com/Real-Dev-Squad/website-dashboard"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          open sourced repo
+        </a>
+      </p>
+    </footer>
   </body>
 </html>
diff --git a/online-members/online-members.html b/online-members/online-members.html
index 88d6897d..8118e45c 100644
--- a/online-members/online-members.html
+++ b/online-members/online-members.html
@@ -28,11 +28,17 @@
       <!-- Members -->
       <div class="users-container" id="users-container"></div>
     </div>
-    <script>
-      document.addEventListener('DOMContentLoaded', () => {
-        loadFooter();
-      });
-    </script>
-    <script src="../../footer/footerComponent.js"></script>
+    <footer>
+      <p class="info-repo">
+        The contents of this website are deployed from this
+        <a
+          href="https://github.com/Real-Dev-Squad/website-dashboard"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          open sourced repo
+        </a>
+      </p>
+    </footer>
   </body>
 </html>
diff --git a/profile/index.html b/profile/index.html
index cbaf608d..1199abed 100644
--- a/profile/index.html
+++ b/profile/index.html
@@ -24,11 +24,18 @@ <h1>PROFILE DIFFERENCES</h1>
     </nav>
 
     <p id="loader">Loading...</p>
-    <script>
-      document.addEventListener('DOMContentLoaded', () => {
-        loadFooter();
-      });
-    </script>
-    <script src="../../footer/footerComponent.js"></script>
+
+    <footer id="footer">
+      <p class="info-repo">
+        The contents of this website are deployed from this
+        <a
+          href="https://github.com/Real-Dev-Squad/website-dashboard"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          open sourced repo
+        </a>
+      </p>
+    </footer>
   </body>
 </html>
diff --git a/standup/index.html b/standup/index.html
index eca07337..10c7b171 100644
--- a/standup/index.html
+++ b/standup/index.html
@@ -35,12 +35,20 @@ <h1 class="user-standup-nav">User Standup</h1>
 
       <section class="table-container" id="table-container"></section>
     </main>
-    <script>
-      document.addEventListener('DOMContentLoaded', () => {
-        loadFooter();
-      });
-    </script>
-    <script src="../../footer/footerComponent.js"></script>
+
+    <footer>
+      <p class="info-repo">
+        The contents of this website are deployed from this
+        <a
+          class="info-repo-link"
+          href="https://github.com/Real-Dev-Squad/website-dashboard"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Open sourced repo
+        </a>
+      </p>
+    </footer>
     <script src="/helpers/loadENV.js"></script>
     <script src="/constants.js"></script>
     <script src="/standup/utils.js"></script>
diff --git a/task/index.html b/task/index.html
index 2a24ffba..d086ac56 100644
--- a/task/index.html
+++ b/task/index.html
@@ -287,15 +287,21 @@ <h4 class="suggested-users-title">Suggested users</h4>
           />
         </div>
       </form>
-      <script>
-        document.addEventListener('DOMContentLoaded', () => {
-          loadFooter();
-        });
-      </script>
+
+      <footer>
+        <p class="info-repo">
+          The contents of this website are deployed from this
+          <a
+            href="https://github.com/Real-Dev-Squad/website-dashboard"
+            target="_blank"
+            rel="noopener noreferrer"
+            >open sourced repo</a
+          >
+        </p>
+      </footer>
       <div class="hidden" id="submit-loader">
         <div class="loader"></div>
       </div>
-      <script src="../../footer/footerComponent.js"></script>
       <script src="/helpers/loadENV.js"></script>
       <script src="/task/script.js"></script>
     </div>
diff --git a/users/details/index.html b/users/details/index.html
index a6c078d7..c1389786 100644
--- a/users/details/index.html
+++ b/users/details/index.html
@@ -87,11 +87,17 @@ <h2 class="accordian-heading">PR's</h2>
         </ul>
       </div>
     </section>
-    <script>
-      document.addEventListener('DOMContentLoaded', () => {
-        loadFooter();
-      });
-    </script>
-    <script src="../../footer/footerComponent.js"></script>
+    <footer class="hide">
+      <p class="info-repo">
+        The contents of this website are deployed from this
+        <a
+          href="https://github.com/Real-Dev-Squad/website-dashboard"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          open sourced repo
+        </a>
+      </p>
+    </footer>
   </body>
 </html>
diff --git a/users/discord/index.html b/users/discord/index.html
index 76be4fc0..922322c6 100644
--- a/users/discord/index.html
+++ b/users/discord/index.html
@@ -16,12 +16,12 @@
     <nav id="tasksNav"></nav>
     <h1 id="pageTitle">Discord Users</h1>
     <div id="root"></div>
-    <script src="../../footer/footerComponent.js"></script>
     <script>
       document.addEventListener('DOMContentLoaded', () => {
         loadFooter();
       });
     </script>
+    <script src="../../footer/footerComponent.js"></script>
   </body>
   <script src="utils/react.js"></script>
   <script src="/helpers/loadENV.js"></script>
diff --git a/users/index.html b/users/index.html
index 0a5d268d..5bae7582 100644
--- a/users/index.html
+++ b/users/index.html
@@ -77,11 +77,17 @@ <h2>Skills</h2>
         <button class="pagination-btn" id="nextButton">Next &raquo;</button>
       </div>
     </section>
-    <script>
-      document.addEventListener('DOMContentLoaded', () => {
-        loadFooter();
-      });
-    </script>
-    <script src="../../footer/footerComponent.js"></script>
+    <footer>
+      <p class="info-repo">
+        The contents of this website are deployed from this
+        <a
+          href="https://github.com/Real-Dev-Squad/website-dashboard"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          open sourced repo
+        </a>
+      </p>
+    </footer>
   </body>
 </html>
diff --git a/wallet/index.html b/wallet/index.html
index 37dacf82..53214af3 100644
--- a/wallet/index.html
+++ b/wallet/index.html
@@ -28,12 +28,19 @@
         </button>
       </div>
     </div>
-    <script>
-      document.addEventListener('DOMContentLoaded', () => {
-        loadFooter();
-      });
-    </script>
-    <script src="../../footer/footerComponent.js"></script>
+    <footer>
+      <p class="info-repo">
+        The contents of this website are deployed from this
+        <a
+          href="https://github.com/Real-Dev-Squad/website-dashboard"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          open sourced repo
+        </a>
+      </p>
+    </footer>
+
     <script src="/constants.js"></script>
     <script src="/wallet/script.js"></script>
   </body>

From 74d4f036c73aba4fcbfcb62c560a62961402978d Mon Sep 17 00:00:00 2001
From: shantanu-02 <shantanupawar101@gmail.com>
Date: Sat, 12 Oct 2024 20:13:01 +0530
Subject: [PATCH 17/22] Fix: Removed additional footers

---
 identity-service-logs/style.css |  5 -----
 index.html                      | 19 +++++++++++++------
 profile/style.css               |  5 -----
 taskEvents/style.css            |  6 ------
 4 files changed, 13 insertions(+), 22 deletions(-)

diff --git a/identity-service-logs/style.css b/identity-service-logs/style.css
index 0661d1d5..c50ab6b6 100644
--- a/identity-service-logs/style.css
+++ b/identity-service-logs/style.css
@@ -74,11 +74,6 @@ nav h1::before {
   background-color: #000000;
 }
 
-.footer {
-  position: fixed;
-  bottom: 4px;
-}
-
 .wrapperDiv {
   display: flex;
   flex-direction: column;
diff --git a/index.html b/index.html
index 9e9828b1..b473a0bf 100644
--- a/index.html
+++ b/index.html
@@ -158,11 +158,18 @@
         </div>
       </div>
     </section>
-    <script src="../footer/footerComponent.js"></script>
-    <script>
-      document.addEventListener('DOMContentLoaded', () => {
-        loadFooter();
-      });
-    </script>
+
+    <footer>
+      <p class="info-repo">
+        The contents of this website are deployed from this
+        <a
+          href="https://github.com/Real-Dev-Squad/website-dashboard"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          open sourced repo
+        </a>
+      </p>
+    </footer>
   </body>
 </html>
diff --git a/profile/style.css b/profile/style.css
index 10dd7a5e..5c5a47f2 100644
--- a/profile/style.css
+++ b/profile/style.css
@@ -80,11 +80,6 @@ nav h1::before {
   background-color: #000000;
 }
 
-.footer {
-  position: fixed;
-  bottom: 5px;
-}
-
 .wrapperDiv {
   display: flex;
   flex-direction: column;
diff --git a/taskEvents/style.css b/taskEvents/style.css
index a3f15a3d..f0ca72d1 100644
--- a/taskEvents/style.css
+++ b/taskEvents/style.css
@@ -322,12 +322,6 @@ details[open] .dropDown {
   height: 100%;
 }
 
-.footer {
-  align-items: center;
-  position: fixed;
-  bottom: 4px;
-}
-
 /* Give roles modal */
 
 #generic-modal {

From 8ebf56fafffd7595b55f51597dea8ff56be63bf1 Mon Sep 17 00:00:00 2001
From: shantanu-02 <shantanupawar101@gmail.com>
Date: Sat, 12 Oct 2024 20:15:41 +0530
Subject: [PATCH 18/22] Fix: Removed additional footers

---
 __tests__/home/home.test.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/__tests__/home/home.test.js b/__tests__/home/home.test.js
index 936841e7..76333d73 100644
--- a/__tests__/home/home.test.js
+++ b/__tests__/home/home.test.js
@@ -393,13 +393,13 @@ describe('Home Page', () => {
   });
 
   it('should display the footer with the correct repo link', async () => {
-    const footer = await page.$('[data-test-id="footer"]');
+    const footer = await page.$('footer');
     expect(footer).toBeTruthy();
 
-    const infoRepo = await footer.$('[data-test-id="info-repo"]');
+    const infoRepo = await footer.$('.info-repo');
     expect(infoRepo).toBeTruthy();
 
-    const repoLink = await infoRepo.$('[data-test-id="repo-link"]');
+    const repoLink = await infoRepo.$('a');
     expect(repoLink).toBeTruthy();
 
     const repoLinkHref = await page.evaluate((el) => el.href, repoLink);

From c87c0902e9bcd653393f67ffb420f7792451372f Mon Sep 17 00:00:00 2001
From: shantanu-02 <shantanupawar101@gmail.com>
Date: Sat, 12 Oct 2024 23:32:50 +0530
Subject: [PATCH 19/22] Fix: Added styles in global stylesheet

---
 applications/index.html  | 1 +
 applications/style.css   | 7 -------
 global.css               | 7 +++++++
 groups/index.html        | 2 +-
 groups/style.css         | 5 -----
 users/discord/index.html | 2 +-
 6 files changed, 10 insertions(+), 14 deletions(-)

diff --git a/applications/index.html b/applications/index.html
index e341a3d9..b37d33da 100644
--- a/applications/index.html
+++ b/applications/index.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="/applications/style.css" />
+    <link rel="stylesheet" href="../global.css" />
     <script type="module" src="/applications/script.js" defer></script>
     <script src="/helpers/loadENV.js"></script>
     <title>Applications</title>
diff --git a/applications/style.css b/applications/style.css
index b78308ce..33f8bc66 100644
--- a/applications/style.css
+++ b/applications/style.css
@@ -59,13 +59,6 @@ body {
   text-align: center;
 }
 
-.footer {
-  width: 100vw;
-  text-align: center;
-  position: fixed;
-  bottom: 4px;
-}
-
 .container {
   max-width: 1100px;
   margin: 0 auto;
diff --git a/global.css b/global.css
index 54d386d2..70d6bbae 100644
--- a/global.css
+++ b/global.css
@@ -173,6 +173,13 @@ body {
   border-radius: 100%;
 }
 
+.footer {
+  width: 100vw;
+  text-align: center;
+  position: fixed;
+  bottom: 4px;
+}
+
 @media screen and (max-width: 970px) {
   #tasksNav {
     justify-content: space-between;
diff --git a/groups/index.html b/groups/index.html
index fd071136..b58fcdcf 100644
--- a/groups/index.html
+++ b/groups/index.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" href="/images/index.ico" type="image/x-icon" />
     <title>Discord Groups | Real Dev Squad</title>
-    <link rel="stylesheet" href="/global.css" />
+    <link rel="stylesheet" href="../global.css" />
     <link rel="stylesheet" href="/groups/style.css" />
     <script src="/helpers/loadENV.js"></script>
     <script src="/constants.js"></script>
diff --git a/groups/style.css b/groups/style.css
index cc714b4e..054e47b4 100644
--- a/groups/style.css
+++ b/groups/style.css
@@ -102,11 +102,6 @@ body {
   flex-direction: column;
 }
 
-.footer {
-  position: fixed;
-  bottom: 4px;
-}
-
 .container {
   flex-grow: 1;
   width: clamp(300px, 100%, 1000px);
diff --git a/users/discord/index.html b/users/discord/index.html
index 922322c6..b02b4a92 100644
--- a/users/discord/index.html
+++ b/users/discord/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="/style.css" />
+    <link rel="stylesheet" href="../../global.css" />
     <link rel="stylesheet" href="/global.css" />
     <link rel="stylesheet" href="/users/discord/style.css" />
     <title>Discord Users | Real Dev Squad</title>

From 41845a98b921d2db36e61c61342648f098325ff0 Mon Sep 17 00:00:00 2001
From: shantanu-02 <shantanupawar101@gmail.com>
Date: Wed, 16 Oct 2024 01:14:07 +0530
Subject: [PATCH 20/22] Fix: Minor fix of stylesheet

---
 footerTest.js            | 3 ---
 users/discord/index.html | 2 +-
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/footerTest.js b/footerTest.js
index b046bd42..d292d8b1 100644
--- a/footerTest.js
+++ b/footerTest.js
@@ -1,7 +1,4 @@
 const puppeteer = require('puppeteer');
-const EventEmitter = require('events');
-
-EventEmitter.defaultMaxListeners = 15;
 
 let config = {
   launchOptions: {
diff --git a/users/discord/index.html b/users/discord/index.html
index b02b4a92..7300e0ec 100644
--- a/users/discord/index.html
+++ b/users/discord/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="../../global.css" />
-    <link rel="stylesheet" href="/global.css" />
+    <link rel="stylesheet" href="/style.css" />
     <link rel="stylesheet" href="/users/discord/style.css" />
     <title>Discord Users | Real Dev Squad</title>
     <script src="/utils.js"></script>

From 363767be7b8f5edba2d1cb0e9711e175b1011732 Mon Sep 17 00:00:00 2001
From: shantanu-02 <shantanupawar101@gmail.com>
Date: Wed, 16 Oct 2024 01:40:09 +0530
Subject: [PATCH 21/22] Fix: Test timeout error

---
 __tests__/users/App.test.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/__tests__/users/App.test.js b/__tests__/users/App.test.js
index b612408f..b46f85c0 100644
--- a/__tests__/users/App.test.js
+++ b/__tests__/users/App.test.js
@@ -6,7 +6,7 @@ const API_BASE_URL = 'https://staging-api.realdevsquad.com';
 describe('App Component', () => {
   let browser;
   let page;
-  jest.setTimeout(60000);
+  jest.setTimeout(90000);
   let config = {
     launchOptions: {
       headless: 'new',
@@ -68,6 +68,12 @@ describe('App Component', () => {
   });
 
   it('should render all sections', async () => {
+    // Wait for the sections to be rendered
+    await page.waitForSelector('.tabs_section');
+    await page.waitForSelector('.users_section');
+    await page.waitForSelector('.user_card');
+    await page.waitForSelector('.user_details_section');
+
     let tabsSection = await page.$('.tabs_section');
     let usersSection = await page.$('.users_section');
     let firstUser = await page.$('.user_card');
@@ -82,6 +88,8 @@ describe('App Component', () => {
   });
 
   it('should update the URL query string and re-render the app', async () => {
+    await page.waitForSelector('[data_key="verified"]');
+
     // Click on the "Linked Accounts" tab
     await page.click('[data_key="verified"]');
 

From 71ab40a93ae5526189c9d6c514d8a89ecffa5cf8 Mon Sep 17 00:00:00 2001
From: shantanu-02 <shantanupawar101@gmail.com>
Date: Thu, 17 Oct 2024 01:36:09 +0530
Subject: [PATCH 22/22] Fix: Using data-test-id instead of classes

---
 __tests__/users/App.test.js                   |  1 -
 users/discord/components/TabsSection.js       |  6 +-
 .../discord/components/UserDetailsSection.js  | 65 ++++++++++---------
 users/discord/components/UsersSection.js      |  9 ++-
 4 files changed, 48 insertions(+), 33 deletions(-)

diff --git a/__tests__/users/App.test.js b/__tests__/users/App.test.js
index b46f85c0..05b36b53 100644
--- a/__tests__/users/App.test.js
+++ b/__tests__/users/App.test.js
@@ -68,7 +68,6 @@ describe('App Component', () => {
   });
 
   it('should render all sections', async () => {
-    // Wait for the sections to be rendered
     await page.waitForSelector('.tabs_section');
     await page.waitForSelector('.users_section');
     await page.waitForSelector('.user_card');
diff --git a/users/discord/components/TabsSection.js b/users/discord/components/TabsSection.js
index 15c69408..57dd4416 100644
--- a/users/discord/components/TabsSection.js
+++ b/users/discord/components/TabsSection.js
@@ -3,7 +3,11 @@ const { createElement } = react;
 export const TabsSection = ({ tabs, activeTab, handleTabNavigation }) => {
   return createElement(
     'div',
-    { class: 'tabs_section', onclick: handleTabNavigation },
+    {
+      class: 'tabs_section',
+      onclick: handleTabNavigation,
+      'data-testid': 'tabs-section',
+    },
     tabs.map((tabItem) => {
       return createElement(
         'span',
diff --git a/users/discord/components/UserDetailsSection.js b/users/discord/components/UserDetailsSection.js
index 419d3ee5..655c19bc 100644
--- a/users/discord/components/UserDetailsSection.js
+++ b/users/discord/components/UserDetailsSection.js
@@ -4,33 +4,40 @@ const { createElement } = react;
 export const UserDetailsSection = ({
   user: { first_name, username, discordId, discordJoinedAt },
 }) => {
-  return createElement('section', { class: 'user_details_section' }, [
-    createElement('div', { class: 'user_details_field' }, [
-      createElement('span', {}, ['Name: ']),
-      createElement('span', {}, [first_name]),
-    ]),
-    createElement('div', { class: 'user_details_field' }, [
-      createElement('span', {}, ['Username: ']),
-      createElement('span', {}, [username]),
-    ]),
-    createElement('div', { class: 'user_details_field' }, [
-      createElement('span', {}, ['Discord ID: ']),
-      createElement('span', {}, [discordId]),
-    ]),
-    createElement('div', { class: 'user_details_field' }, [
-      createElement('span', {}, ['Joined RDS server on: ']),
-      createElement('span', {}, [new Date(discordJoinedAt).toUTCString()]),
-    ]),
-    createElement('div', { class: 'user_details_field' }, [
-      createElement('span', {}, ['User Management: ']),
-      createElement(
-        'a',
-        {
-          target: '_bllank',
-          href: `${USER_MANAGEMENT_URL}${username}`,
-        },
-        [`${USER_MANAGEMENT_URL}${username}`],
-      ),
-    ]),
-  ]);
+  return createElement(
+    'section',
+    {
+      class: 'user_details_section',
+      'data-testid': 'user-details-section',
+    },
+    [
+      createElement('div', { class: 'user_details_field' }, [
+        createElement('span', {}, ['Name: ']),
+        createElement('span', {}, [first_name]),
+      ]),
+      createElement('div', { class: 'user_details_field' }, [
+        createElement('span', {}, ['Username: ']),
+        createElement('span', {}, [username]),
+      ]),
+      createElement('div', { class: 'user_details_field' }, [
+        createElement('span', {}, ['Discord ID: ']),
+        createElement('span', {}, [discordId]),
+      ]),
+      createElement('div', { class: 'user_details_field' }, [
+        createElement('span', {}, ['Joined RDS server on: ']),
+        createElement('span', {}, [new Date(discordJoinedAt).toUTCString()]),
+      ]),
+      createElement('div', { class: 'user_details_field' }, [
+        createElement('span', {}, ['User Management: ']),
+        createElement(
+          'a',
+          {
+            target: '_bllank',
+            href: `${USER_MANAGEMENT_URL}${username}`,
+          },
+          [`${USER_MANAGEMENT_URL}${username}`],
+        ),
+      ]),
+    ],
+  );
 };
diff --git a/users/discord/components/UsersSection.js b/users/discord/components/UsersSection.js
index bc07cdaa..4d0ac94b 100644
--- a/users/discord/components/UsersSection.js
+++ b/users/discord/components/UsersSection.js
@@ -3,7 +3,11 @@ const { createElement } = react;
 export const UsersSection = ({ users, showUser, handleUserSelected }) => {
   return createElement(
     'aside',
-    { class: 'users_section', onclick: handleUserSelected },
+    {
+      class: 'users_section',
+      onClick: handleUserSelected,
+      'data-testid': 'users-section',
+    },
     users?.map((user) => {
       return createElement(
         'div',
@@ -11,7 +15,8 @@ export const UsersSection = ({ users, showUser, handleUserSelected }) => {
           class: `user_card ${
             users[showUser].id === user.id ? 'active_tab' : ''
           }`,
-          data_key: user.id,
+          'data-testid': `user-card-${user.id}`,
+          'data-key': user.id,
         },
         [
           createElement('img', {