fix loading performance

Author: hongyu zhou

__tests__/__snapshots__/index.js.snap

@@ -428,14 +428,17 @@ Object {
     "countReset": [Function],
     "debug": [Function],
     "dir": [Function],
+    "dirxml": [Function],
     "error": [Function],
     "group": [Function],
     "groupCollapsed": [Function],
     "groupEnd": [Function],
     "info": [Function],
     "log": [Function],
+    "table": [Function],
     "time": [Function],
     "timeEnd": [Function],
+    "timeLog": [Function],
     "trace": [Function],
     "warn": [Function],
   },

dist/dev/index.js

@@ -197,7 +197,7 @@ function getActiveChallengesDone(
     const { userId } = decodeToken(tokenV3);
     // Handle any errors on this endpoint so that the non-user specific challenges
     // will still be loaded.
-    calls.push(service.getUserChallenges(userId, user, filter, paginationParams));
+    calls.push(service.getUserChallenges(userId, user, { status: 'ACTIVE' }, paginationParams));
   }
   return Promise.all(calls).then(([ch, uch]) => {
     // let fullCH = ch;

src/actions/challenge-listing.js

@@ -186,12 +186,13 @@ function onGetActiveChallengesDone(state, { error, payload }) {
         ? item => !ids.has(item.id)
         : item => !ids.has(item.id) && item.status !== 'ACTIVE';
 
+      const data = processBucketData(
+        handle, state.challenges, loaded,
+        bucket, state.sorts, sort, filter, frontFilter,
+      );
+
       newChallenges = _.cloneDeep(state.challenges);
-      let oldData = newChallenges[bucket];
-      if (!oldData) {
-        oldData = [];
-      }
-      newChallenges[bucket] = [...oldData, ...payload.challenges];
+      newChallenges[bucket] = data;
       otherState.loadingMyChallengesUUID = '';
       otherState.allMyChallengesLoaded = newChallenges[bucket].length === meta.myChallengesCount;
       otherState.gettingMoreMyChallenges = !otherState.allMyChallengesLoaded;
@@ -216,13 +217,6 @@ function onGetActiveChallengesDone(state, { error, payload }) {
       otherState.allOpenChallengesLoaded = checkAllLoaded(state.challenges, bucket, loaded, data);
       otherState.gettingMoreOpenChallenges = !otherState.allOpenChallengesLoaded;
       otherState.meta = _.clone(meta);
-      /* TODO Due to the meta of backend response is currently not correct,
-      /* so should update counts after fetch all challenges of bucket */
-      if (_.get(meta, 'openChallengesCount') !== data.length && otherState.allOpenChallengesLoaded) {
-        otherState.meta.openChallengesCount = data.length;
-        otherState.meta.allChallengesCount = meta.allChallengesCount
-          + data.length - meta.openChallengesCount;
-      }
     }
       break;
     case BUCKETS.ONGOING: {
@@ -242,14 +236,7 @@ function onGetActiveChallengesDone(state, { error, payload }) {
       otherState.allOnGoingChallengesLoaded = checkAllLoaded(state.challenges,
         bucket, loaded, data);
       otherState.gettingMoreOnGoingChallenges = !otherState.allOnGoingChallengesLoaded;
-      /* TODO Due to the meta of backend response is currently not correct,
-      /* so should update counts after fetch all challenges of bucket */
       otherState.meta = _.clone(meta);
-      if (_.get(meta, 'ongoingChallengesCount') !== data.length && otherState.allOnGoingChallengesLoaded) {
-        otherState.meta.ongoingChallengesCount = data.length;
-        otherState.meta.allChallengesCount = meta.allChallengesCount
-          + data.length - meta.ongoingChallengesCount;
-      }
     }
       break;
     default: