From b233a0b103d0bdf6e07d1f4b0e984f74ef373a42 Mon Sep 17 00:00:00 2001
From: diazz <dat.nguyen.supper@gmail.com>
Date: Thu, 17 Nov 2022 21:13:41 +0700
Subject: [PATCH] fix: forums link

---
 config/default.js                               | 1 +
 src/shared/containers/timeline-wall/index.jsx   | 6 ++++--
 src/shared/containers/timeline-wall/styles.scss | 4 ++++
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/config/default.js b/config/default.js
index 2a06bb3054..8f0c772cb2 100644
--- a/config/default.js
+++ b/config/default.js
@@ -468,5 +468,6 @@ module.exports = {
     REJECTION_EVENT_REASONS: ['Duplicate Event', 'Violates the Topcoder terms', 'Inaccurate or Invalid'],
     ALLOWED_FILETYPES: ['image/jpeg', 'image/png', 'video/mp4', 'video/x-msvideo', 'video/webm'],
     FETCHING_PENDING_APPROVAL_EVENTS_INTERVAL: 5 * 60 * 1000, // 5 minutes
+    FORUM_LINK: 'https://discussions.topcoder.com/discussion/24281/add-your-memory-to-the-topcoder-timeline-wall',
   },
 };
diff --git a/src/shared/containers/timeline-wall/index.jsx b/src/shared/containers/timeline-wall/index.jsx
index 3b1cbf0f0f..6c1e5aca8e 100644
--- a/src/shared/containers/timeline-wall/index.jsx
+++ b/src/shared/containers/timeline-wall/index.jsx
@@ -22,6 +22,7 @@ import './styles.scss';
 
 
 const FETCHING_PENDING_APPROVAL_EVENTS_INTERVAL = _.get(config, 'TIMELINE.FETCHING_PENDING_APPROVAL_EVENTS_INTERVAL', 0);
+const FORUM_LINK = _.get(config, 'TIMELINE.FORUM_LINK', '');
 function TimelineWallContainer(props) {
   const [tab, setTab] = useState(0);
   const fetchingApprovalsInterval = useRef(null);
@@ -205,13 +206,14 @@ function TimelineWallContainer(props) {
         ) : (<h1 styleName="header-content-1">Topcoder Timeline Wall</h1>)}
 
         {shouldShowDiscuss ? (
-          <button
+          <a
             type="button"
             styleName="btn-discuss"
+            href={FORUM_LINK}
           >
             <span>DISCUSS</span>
             <IconArrowRight />
-          </button>
+          </a>
         ) : null}
 
         <button
diff --git a/src/shared/containers/timeline-wall/styles.scss b/src/shared/containers/timeline-wall/styles.scss
index 04e7ecebfa..5d4eb45b15 100644
--- a/src/shared/containers/timeline-wall/styles.scss
+++ b/src/shared/containers/timeline-wall/styles.scss
@@ -86,6 +86,10 @@
   border: none;
   color: white;
 
+  &:hover {
+    color: white;
+  }
+
   @media (max-width: 1500px) {
     left: unset;
     right: 0;