Merge pull request #4738 from topcoder-platform/issue-4718

Issue#4718 : Open for review bucket : Impact of Track/Subtrack updates

Author: sushilshinde

__tests__/shared/components/challenge-listing/Filters/__snapshots__/FiltersPanel.jsx.snap

@@ -117,6 +117,7 @@ exports[`Matches shallow shapshot 1`] = `
           />
         </label>
         <Select
+          disabled={false}
           id="type-select"
           multi={true}
           onChange={[Function]}
@@ -312,6 +313,7 @@ exports[`Matches shallow shapshot 2`] = `
           />
         </label>
         <Select
+          disabled={false}
           id="type-select"
           multi={true}
           onChange={[Function]}

src/shared/components/challenge-listing/Filters/FiltersPanel/index.jsx

@@ -266,8 +266,9 @@ export default function FiltersPanel({
               options={validTypes.map(mapTypes)}
               simpleValue
               value={
-                filterState.types ? filterState.types.join(',') : null
+                (filterState.types && !isReviewOpportunitiesBucket) ? filterState.types.join(',') : null
               }
+              disabled={isReviewOpportunitiesBucket}
             />
           </div>
           {/* Only shown when the Review Opportunity bucket is selected */}

src/shared/components/challenge-listing/Filters/FiltersPanel/style.scss

@@ -462,7 +462,7 @@ $panel-radius-4: $corner-radius * 2;
 
   .filter.review-type {
     // margin - (.date.input width + .date.text width) * 2 - filters.label width
-    @include calc(width, '50% - 30px - (14px + 114px) * 2 - 96px');
+    @include calc(width, '50% - 45px - (12px + 112px) * 2 - 96px');
 
     order: 3; // Show after Date Picker when in lg screen mode
 

src/shared/components/challenge-listing/Listing/ReviewOpportunityBucket/index.jsx

@@ -54,7 +54,7 @@ export default function ReviewOpportunityBucket({
   const cards = filteredOpportunities.map(item => (
     <ReviewOpportunityCard
       challengesUrl={challengesUrl}
-      challengeType={_.find(challengeTypes, { name: item.type })}
+      challengeType={_.find(challengeTypes, { name: item.challenge.type }) || []}
       expandedTags={expandedTags}
       expandTag={expandTag}
       onTechTagClicked={tag => setFilterState({ tags: [tag] })}

src/shared/components/challenge-listing/ReviewOpportunityCard/index.jsx

@@ -55,6 +55,9 @@ function ReviewOpportunityCard({
   return (
     <div styleName="reviewOpportunityCard">
       <div styleName="left-panel">
+        { /* START - DISABLED UNTIL REVIEW OPPORTUNITY RECEIVE UPDATE TO API V5 */
+        false
+        && (
         <div styleName="challenge-track">
           <TrackAbbreviationTooltip
             track={track}
@@ -69,6 +72,7 @@ function ReviewOpportunityCard({
             </span>
           </TrackAbbreviationTooltip>
         </div>
+        ) /* END - DISABLED UNTIL REVIEW OPPORTUNITY RECEIVE UPDATE TO API V5 */ }
         <div styleName="challenge-details">
           <Link
             to={`${challengesUrl}/${challenge.id}`}