Merge pull request #359 from topcoder-platform/PROD-1998_work-solutions-badge-count

PROD-1998 - Add the Count of Solutions Badge to Work Detail Nav

Author: brooketopcoder

src/actions/work.js

@@ -31,6 +31,13 @@ export const getSolutions = (workId) => {
   };
 };
 
+export const getSolutionsCount = (workId) => {
+  return {
+    type: ACTIONS.WORK.GET_SOLUTIONS_COUNT,
+    payload: workService.getSolutionsCount(workId),
+  };
+};
+
 export const downloadSolution = (solutionId) => {
   return {
     type: ACTIONS.WORK.DOWNLOAD_SOLUTION,

src/constants/index.js

@@ -466,6 +466,10 @@ export const ACTIONS = {
     GET_SOLUTIONS_PENDING: "GET_SOLUTIONS_PENDING",
     GET_SOLUTIONS_SUCCESS: "GET_SOLUTIONS_SUCCESS",
     GET_SOLUTIONS_ERROR: "GET_SOLUTIONS_ERROR",
+    GET_SOLUTIONS_COUNT: "GET_SOLUTIONS_COUNT",
+    GET_SOLUTIONS_COUNT_PENDING: "GET_SOLUTIONS_COUNT_PENDING",
+    GET_SOLUTIONS_COUNT_SUCCESS: "GET_SOLUTIONS_COUNT_SUCCESS",
+    GET_SOLUTIONS_COUNT_ERROR: "GET_SOLUTIONS_COUNT_ERROR",
     DOWNLOAD_SOLUTION: "DOWNLOAD_SOLUTION",
     DOWNLOAD_SOLUTION_PENDING: "DOWNLOAD_SOLUTION_PENDING",
     DOWNLOAD_SOLUTION_SUCCESS: "DOWNLOAD_SOLUTION_SUCCESS",

src/reducers/work.js

@@ -76,6 +76,31 @@ const workReducer = (state = initialState, action) => {
         isLoadingSolutions: false,
         error: action.payload,
       };
+    case ACTIONS.WORK.GET_SOLUTIONS_COUNT_PENDING:
+      return {
+        ...state,
+        isLoadingSolutions: true,
+        error: null,
+        workItem: {
+          ...state.workItem,
+          solutionsCount: undefined,
+        },
+      };
+    case ACTIONS.WORK.GET_SOLUTIONS_COUNT_SUCCESS:
+      return {
+        ...state,
+        isLoadingSolutions: false,
+        workItem: {
+          ...state.workItem,
+          solutionsCount: action.payload,
+        },
+      };
+    case ACTIONS.WORK.GET_SOLUTIONS_COUNT_ERROR:
+      return {
+        ...state,
+        isLoadingSolutions: false,
+        error: action.payload,
+      };
     case ACTIONS.WORK.SAVE_SURVEY_SUCCESS:
       return {
         ...state,

src/routes/WorkItems/index.jsx

@@ -15,6 +15,7 @@ import {
   getSummary,
   getDetails,
   getSolutions,
+  getSolutionsCount,
   downloadSolution,
   saveSurvey,
   setIsSavingSurveyDone,
@@ -53,6 +54,7 @@ const WorkItem = ({
   getSummary,
   getDetails,
   getSolutions,
+  getSolutionsCount,
   downloadSolution,
   saveSurvey,
   setIsSavingSurveyDone,
@@ -70,7 +72,7 @@ const WorkItem = ({
     getWork(workItemId);
   }, [workItemId, getWork]);
 
-  const { summary, details, solutions } = useMemo(() => workItem, [workItem]);
+  const { summary, details, solutions, solutionsCount } = useMemo(() => workItem, [workItem]);
 
   const isReviewPhaseEnded = useMemo(() => {
     if (work) {
@@ -119,12 +121,22 @@ const WorkItem = ({
     if (!work) {
       return;
     }
-
+    
     if (work || selectedTab === "messaging") {
       getForumNotifications(work.id);
     }
   }, [work, selectedTab, getForumNotifications]);
 
+  useEffect(() => {
+    if (!work) {
+      return;
+    }
+    
+    if (isReviewPhaseEnded) {
+      getSolutionsCount(work.id);
+    }
+  }, [isReviewPhaseEnded, getSolutionsCount, work])
+
   useEffect(() => {
     if (isSavingSurveyDone) {
       getSummary(work);
@@ -161,8 +173,17 @@ const WorkItem = ({
         }
       ].filter(Boolean)
     },
-    { id: 'solutions', title: 'Solutions' },
-  ].filter(Boolean), [work]);
+    {
+      id: 'solutions',
+      title: 'Solutions',
+      badges: [
+        isReviewPhaseEnded && {
+          count: solutionsCount,
+          type: 'info'
+        }
+      ].filter(Boolean)
+    },
+  ].filter(Boolean), [work, solutionsCount, isReviewPhaseEnded]);
 
   function saveFeedback(updatedCustomerFeedback) {
 
@@ -292,6 +313,7 @@ const mapDispatchToProps = {
   getSummary,
   getDetails,
   getSolutions,
+  getSolutionsCount,
   downloadSolution,
   saveSurvey,
   setIsSavingSurveyDone,

src/services/work.js

@@ -127,6 +127,19 @@ export const getDetails = (work) => {
   return formData;
 };
 
+export const getSolutionsCount = async (workId) => {
+  const response = await axios.get(
+    `${config.API.V5}/submissions?challengeId=${workId}&perPage=500`
+  );
+  const submissions = response.data;
+  return submissions.length;
+  
+  // const response = await axios.head(
+  //   `${config.API.V5}/submissions?challengeId=${workId}`
+  // );
+  // return parseInt(_.get(response.headers, 'X-Total'), 10);
+};
+
 export const getSolutions = async (workId) => {
   const challenge = await getChallengeDetails(workId);
   if (!challenge?.winners || challenge?.winners?.length === 0) return [];
@@ -184,6 +197,7 @@ export default {
   getSummary,
   getDetails,
   getSolutions,
+  getSolutionsCount,
   downloadSolution,
   saveSurvey,
 };