add application button on home page for super user and added status field in application details (#669)

* add application button on home page for super user and added status field in application details

* updated tests for button

* filter button image issue

---------

Co-authored-by: Satyam Bajpai <[email protected]>

Author: vinayak-trivedi

__tests__/home/home.test.js

@@ -494,6 +494,22 @@ describe('Home Page', () => {
     expect(latestSyncStatusText).not.toBe(`Last Sync: In progress`);
   });
 
+  it('should display Applications button', async () => {
+    const applicationButton = await page.$('#application-button');
+    expect(applicationButton).toBeTruthy();
+    const applicationButtonHref = await page.evaluate(
+      (el) => el.getAttribute('href'),
+      applicationButton,
+    );
+    expect(applicationButtonHref).toBe('/applications');
+    const applicationButtonText = await page.evaluate(
+      (el) => el.innerText,
+      applicationButton,
+    );
+    const trimmedApplicationButtonText = applicationButtonText.trim();
+    expect(trimmedApplicationButtonText).toBe('Applications');
+  });
+
   it('should close hamburger menu on clicking anywhere on the screen except the menu', async () => {
     await page.setViewport({ width: 970, height: 1800 });
     await page.goto('http://localhost:8000/index.html');

applications/index.html

@@ -20,7 +20,7 @@ <h1>RDS Join Applications</h1>
 
         <img
           class="funnel-icon"
-          src="/taskRequests/assets/funnel.svg"
+          src="/task-requests/assets/funnel.svg"
           alt="funnel icon"
         />
       </button>

applications/script.js

@@ -84,6 +84,10 @@ function openApplicationDetails(application) {
     username: application.biodata.firstName,
     id: application.id,
     applicationDetails: [
+      {
+        title: 'Status',
+        description: application.status,
+      },
       {
         title: 'Introduction',
         description: application.intro.introduction,

index.html

@@ -149,6 +149,13 @@
       </a>
       <a class="action-button" href="/groups/index.html"> Discord Groups </a>
       <a class="action-button" href="/standup/index.html"> Standup Updates</a>
+      <a
+        id="application-button"
+        href="/applications"
+        class="action-button element-display-remove"
+      >
+        Applications
+      </a>
       <div class="button-container element-display-remove" id="sync-repo-div">
         <button id="repo-sync-button" class="action-button">
           <span class="spinner"></span>