fix: challenge link on tooltip

Author: dedywahyudi

src/shared/components/ProfilePage/Stats/HistoryGraph/index.jsx

@@ -4,7 +4,7 @@ import moment from 'moment';
 import _ from 'lodash';
 import React from 'react';
 import PT from 'prop-types';
-// import { config } from 'topcoder-react-utils';
+import { config } from 'topcoder-react-utils';
 import { getRatingColor } from 'utils/tc';
 // import { RATING_COLORS } from 'utils/tc';
 import ChartTooltip from '../ChartTooltip';
@@ -63,7 +63,7 @@ export default class HistoryGraph extends React.Component {
 
   draw() {
     const $scope = this;
-    const { history: wrapper, subTrack } = this.props;
+    const { history: wrapper, track, subTrack } = this.props;
 
     if (!wrapper) {
       return;
@@ -216,20 +216,20 @@ export default class HistoryGraph extends React.Component {
     }
     */
 
-    // function getChallengeLink(challengeId) {
-    //   if (track === 'DEVELOP') {
-    //     return `/challenges/${challengeId}`;
-    //   }
-    //   if (track === 'DATA_SCIENCE') {
-    //     if (subTrack === 'MARATHON_MATCH') {
-    //       return `${config.URL.CHALLENGES_URL}/${challengeId}`;
-    //     }
-    //     if (subTrack === 'SRM') {
-    //       return `${config.URL.COMMUNITY}/stat?c=round_overview&rd=${challengeId}`;
-    //     }
-    //   }
-    //   return null;
-    // }
+    function getChallengeLink(challengeId) {
+      if (track === 'DEVELOP') {
+        return `/challenges/${challengeId}`;
+      }
+      if (track === 'DATA_SCIENCE') {
+        if (subTrack === 'MARATHON_MATCH') {
+          return `${config.URL.CHALLENGES_URL}/${challengeId}`;
+        }
+        if (subTrack === 'SRM') {
+          return `${config.URL.COMMUNITY}/stat?c=round_overview&rd=${challengeId}`;
+        }
+      }
+      return null;
+    }
 
     /*
     svg.append('g')
@@ -311,17 +311,13 @@ export default class HistoryGraph extends React.Component {
           challengeData: moment(d.ratingDate).format('MMM DD, YYYY'),
           rating: d.newRating,
           ratingColor: getRatingColor(d.newRating),
+          href: getChallengeLink(d.challengeId),
         });
 
         updateTooltipPosition();
       })
       .on('mousemove', () => {
         updateTooltipPosition();
-      })
-      .on('mouseout', () => {
-        $scope.setState({
-          show: false,
-        });
       });
   }