Merge pull request #6733 from topcoder-platform/timeline-wall-api-issues-25

fix: forums link

Author: igoroshko

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',
   },
 };

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

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;