Fix for white screen when searching on self-service tab

https://topcoder.atlassian.net/browse/PROD-4222

Author: jmgasper

src/actions/challenges.js

@@ -62,6 +62,7 @@ import { removeChallengeFromPhaseProduct, saveChallengeAsPhaseProduct } from '..
  * @param {number} page
  * @param {string} projectId
  * @param {string} status
+ * @param {boolean} dashboard is in dashboard or not
  * @param {string} filterChallengeName
  * @param {bool} selfService
  * @param {string} userHandle this will be null for admin user(we will return all datas for admin user)
@@ -77,6 +78,7 @@ export function loadChallengesByPage (
   page,
   projectId,
   status,
+  dashboard,
   filterChallengeName = null,
   selfService = false,
   userHandle = null,
@@ -156,16 +158,21 @@ export function loadChallengesByPage (
       filters['memberId'] = userId
     }
 
-    if (status === 'all') {
-      delete filters['status']
-    } else if (!_.isEmpty(status)) {
-      filters['status'] = status === '' ? undefined : _.startCase(status.toLowerCase())
-    } else if (!(_.isInteger(projectId) && projectId > 0)) {
+    if (status !== 'all') {
+      filters['status'] = !status ? undefined : _.startCase(status.toLowerCase())
+    }
+
+    if (!dashboard && !filters['status'] && !(_.isInteger(projectId) && projectId > 0)) {
       filters['status'] = 'Active'
     }
     if (selfService) {
       filters.selfService = true
-      if (userHandle && filters.status.toUpperCase() !== CHALLENGE_STATUS.DRAFT && filters.status.toUpperCase() !== CHALLENGE_STATUS.NEW) {
+      const filtersStatus = filters.status ? filters.status.toUpperCase() : filters.status
+      if (
+        userHandle &&
+        filtersStatus !== CHALLENGE_STATUS.DRAFT &&
+        filtersStatus !== CHALLENGE_STATUS.NEW
+      ) {
         filters.selfServiceCopilot = userHandle
       }
     }

src/components/ChallengesComponent/ChallengeList/index.js

@@ -31,7 +31,7 @@ require('bootstrap/scss/bootstrap.scss')
 const defaultSearchParam = {
   searchText: '',
   challengeProjectOption: null,
-  challengeStatus: '',
+  challengeStatus: 'all',
   challengeType: null,
   sortBy: 'startDate',
   sortOrder: 'desc',
@@ -112,7 +112,8 @@ class ChallengeList extends Component {
           loadChallengesByPage(
             1,
             projectId,
-            !projectStatus ? 'all' : projectStatus,
+            projectStatus,
+            dashboard,
             searchText,
             selfService,
             this.getHandle(),
@@ -150,6 +151,7 @@ class ChallengeList extends Component {
         pageNumber,
         projectId,
         status,
+        dashboard,
         searchText,
         selfService,
         this.getHandle(),
@@ -188,6 +190,7 @@ class ChallengeList extends Component {
         1,
         projectId,
         status,
+        dashboard,
         searchText,
         selfService,
         this.getHandle(),
@@ -211,12 +214,14 @@ class ChallengeList extends Component {
       loadChallengesByPage,
       activeProjectId,
       status,
-      selfService
+      selfService,
+      dashboard
     } = this.props
     loadChallengesByPage(
       page,
       activeProjectId,
       status,
+      dashboard,
       searchText,
       selfService,
       this.getHandle(),
@@ -301,6 +306,7 @@ class ChallengeList extends Component {
       page,
       projectId,
       status,
+      dashboard,
       searchText,
       selfService,
       this.getHandle(),
@@ -346,15 +352,16 @@ class ChallengeList extends Component {
     loadChallengesByPage(
       1,
       projectId,
-      'all',
-      '',
+      defaultSearchParam.challengeStatus,
+      dashboard,
+      defaultSearchParam.searchText,
       selfService,
       this.getHandle(),
       this.getLoginUserId(),
-      null,
-      {},
-      null,
-      null,
+      defaultSearchParam.challengeType,
+      defaultSearchParam.challengeDate,
+      defaultSearchParam.sortBy,
+      defaultSearchParam.sortOrder,
       PAGE_SIZE
     )
   }

src/containers/Challenges/index.js

@@ -81,7 +81,8 @@ class Challenges extends Component {
       this.props.loadChallengesByPage(
         1,
         projectId ? parseInt(projectId) : -1,
-        dashboard ? 'all' : '',
+        'all',
+        dashboard,
         '',
         selfService,
         isAdmin ? null : this.props.auth.user.handle,