From bca35f31aa5f80ef812e0656892037215785ad74 Mon Sep 17 00:00:00 2001
From: clavy123 <prince1.sen2000@gmail.com>
Date: Tue, 13 Feb 2024 22:55:21 +0530
Subject: [PATCH 1/3] feat:add discord icon to header #1443

---
 src/common/header/HeaderNav.jsx | 15 ++++++++++++++-
 src/common/header/header.css    |  4 ++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/common/header/HeaderNav.jsx b/src/common/header/HeaderNav.jsx
index 90e4d5ac78..a4263066ce 100644
--- a/src/common/header/HeaderNav.jsx
+++ b/src/common/header/HeaderNav.jsx
@@ -2,7 +2,7 @@ import { useState } from 'react';
 import { Link } from 'react-router-dom';
 import { BsGithub, BsTrophyFill } from 'react-icons/bs';
 import { FaLightbulb } from 'react-icons/fa';
-import { FaXTwitter } from 'react-icons/fa6';
+import { FaXTwitter, FaDiscord } from 'react-icons/fa6';
 import { BiMoney } from 'react-icons/bi';
 import { IoAddSharp, IoShareSocial, IoHeartSharp } from 'react-icons/io5';
 import { MdManageSearch, MdClose, MdEvent } from 'react-icons/md';
@@ -184,6 +184,19 @@ const HeaderNav = ({ showBrowse }) => {
               <span className="btn-label">Share</span>
             </button>
           </li>
+          <li>
+            <a
+              className="app-header-btn app-header-btn--default"
+              data-testid="discord-btn"
+              href="https://discord.gg/9nFHKdfWMx"
+              rel="noopener noreferrer"
+              target="_blank"
+              title="Discord Page"
+            >
+              <FaDiscord className="icon discord-icon" />
+              <span className="btn-label">Discord</span>
+            </a>
+          </li>
           <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>
             <Box sx={{ p: 4, pt: 2, borderRadius: 2, width: '360px' }}>
               <h3 className="section-title">Show Love</h3>
diff --git a/src/common/header/header.css b/src/common/header/header.css
index 60c1126d56..f94d9cbbfa 100644
--- a/src/common/header/header.css
+++ b/src/common/header/header.css
@@ -267,6 +267,10 @@
   fill: #ffffff;
 }
 
+.header-links > li > .app-header-btn:hover .discord-icon {
+  fill: #ffffff;
+}
+
 .header-links > li > .app-header-btn .btn-label {
   font-size: var(--fs-sm);
   font-weight: var(--fw-semibold);

From b629edd45df905eccd6c0b608f4082370e7b1daf Mon Sep 17 00:00:00 2001
From: clavy123 <prince1.sen2000@gmail.com>
Date: Wed, 14 Feb 2024 20:37:20 +0530
Subject: [PATCH 2/3] feat:add discord icon to header #1444(changes done)

---
 src/common/header/HeaderNav.jsx | 22 +++++++++++-----------
 src/common/header/header.css    |  2 +-
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/common/header/HeaderNav.jsx b/src/common/header/HeaderNav.jsx
index a4263066ce..bba130bd56 100644
--- a/src/common/header/HeaderNav.jsx
+++ b/src/common/header/HeaderNav.jsx
@@ -173,17 +173,6 @@ const HeaderNav = ({ showBrowse }) => {
               <span className="btn-label">Twitter</span>
             </a>
           </li>
-          <li>
-            <button
-              className="app-header-btn app-header-btn--default"
-              data-testid="share-btn"
-              title="Show love"
-              onClick={handleClick}
-            >
-              <IoHeartSharp className="icon share-icon" />
-              <span className="btn-label">Share</span>
-            </button>
-          </li>
           <li>
             <a
               className="app-header-btn app-header-btn--default"
@@ -197,6 +186,17 @@ const HeaderNav = ({ showBrowse }) => {
               <span className="btn-label">Discord</span>
             </a>
           </li>
+          <li>
+            <button
+              className="app-header-btn app-header-btn--default"
+              data-testid="share-btn"
+              title="Show love"
+              onClick={handleClick}
+            >
+              <IoHeartSharp className="icon share-icon" />
+              <span className="btn-label">Share</span>
+            </button>
+          </li>
           <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>
             <Box sx={{ p: 4, pt: 2, borderRadius: 2, width: '360px' }}>
               <h3 className="section-title">Show Love</h3>
diff --git a/src/common/header/header.css b/src/common/header/header.css
index f94d9cbbfa..dd985138bb 100644
--- a/src/common/header/header.css
+++ b/src/common/header/header.css
@@ -268,7 +268,7 @@
 }
 
 .header-links > li > .app-header-btn:hover .discord-icon {
-  fill: #ffffff;
+  fill: #7289da;
 }
 
 .header-links > li > .app-header-btn .btn-label {

From 7d73edc38827597028b9faad93fa6cdc8fdaa529 Mon Sep 17 00:00:00 2001
From: Priyankar Pal <88102392+priyankarpal@users.noreply.github.com>
Date: Thu, 15 Feb 2024 20:28:00 +0530
Subject: [PATCH 3/3] chore: added a `,`

---
 src/common/header/HeaderNav.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/common/header/HeaderNav.jsx b/src/common/header/HeaderNav.jsx
index f5f5b13f1d..4e180c17d1 100644
--- a/src/common/header/HeaderNav.jsx
+++ b/src/common/header/HeaderNav.jsx
@@ -76,7 +76,7 @@ const HeaderNav = ({ showBrowse }) => {
       icon: FaDiscord,
       iconClass: 'icon discord-icon',
       label: 'Discord'
-    }
+    },
     {
       type: 'button',
       testId: 'share-btn',