fix search page issue

Author: LieutenantRoger

package.json

@@ -20,7 +20,7 @@
     "eslint-plugin-react": "^4.1.0",
     "ignore-styles": "^1.2.0",
     "mocha": "^2.4.5",
-    "mocha-jsdom": "^1.1.0",
+    "mocha-jsdom": "~1.1.0",
     "nock": "^8.0.0",
     "react-hot-loader": "^1.3.0",
     "redux-logger": "^2.5.0",

src/components/MemberItem/UserStats.jsx

@@ -11,7 +11,8 @@ require('./UserStats.scss')
 const UserStats = ({ member, userPlace, searchTermTag }) => {
   let userStatsList
 
-  const subtracks = getMostRecentSubtracks(member.stats, 5)
+  const stats = (_.isArray(member.stats) && member.stats.length > 0) ? member.stats[0]:member.stats
+  const subtracks = getMostRecentSubtracks(stats, 5)
 
   if (subtracks.length) {
     userStatsList = <SubtrackList subtracks={subtracks} />

src/components/User/UsernameAndDetails.jsx

@@ -38,7 +38,7 @@ const UsernameAndDetails = ({ username, country, numWins, memberSince }) => {
 UsernameAndDetails.propTypes = {
   username   : PropTypes.string.isRequired,
   country    : PropTypes.string.isRequired,
-  numWins    : PropTypes.number.isRequired,
+  numWins    : PropTypes.number,
   memberSince: PropTypes.number.isRequired
 }
 

src/helpers/index.js

@@ -144,7 +144,7 @@ export function getMostRecentSubtracks(userStatsByTrack, numResults = Infinity)
   const marathonMatchStats = _.get(userStatsByTrack, 'DATA_SCIENCE.MARATHON_MATCH')
   const SRMStats           = _.get(userStatsByTrack, 'DATA_SCIENCE.SRM')
 
-  if (marathonMatchStats.mostRecentEventDate) {
+  if (marathonMatchStats && marathonMatchStats.mostRecentEventDate) {
     subtrackStats.push({
       track: 'DATA_SCIENCE',
       name: 'MARATHON_MATCH',
@@ -153,7 +153,7 @@ export function getMostRecentSubtracks(userStatsByTrack, numResults = Infinity)
     })
   }
 
-  if (SRMStats.mostRecentEventDate) {
+  if (SRMStats && SRMStats.mostRecentEventDate) {
     subtrackStats.push({
       track: 'DATA_SCIENCE',
       name: 'SRM',
@@ -167,7 +167,7 @@ export function getMostRecentSubtracks(userStatsByTrack, numResults = Infinity)
   const developSubtracks = _.get(userStatsByTrack, 'DEVELOP.subTracks', [])
 
   designSubtracks.forEach((subtrack) => {
-    if (subtrack.mostRecentEventDate) {
+    if (subtrack && subtrack.mostRecentEventDate) {
       subtrackStats.push({
         track: 'DESIGN',
         name: subtrack.name,
@@ -178,7 +178,7 @@ export function getMostRecentSubtracks(userStatsByTrack, numResults = Infinity)
   })
 
   developSubtracks.forEach((subtrack) => {
-    if (subtrack.mostRecentEventDate) {
+    if (subtrack && subtrack.mostRecentEventDate) {
       subtrackStats.push({
         track: 'DEVELOP',
         name: subtrack.name,