diff --git a/src/shared/components/challenge-listing/Filters/FiltersPanel/index.jsx b/src/shared/components/challenge-listing/Filters/FiltersPanel/index.jsx
index b39254214c..7e354fb936 100644
--- a/src/shared/components/challenge-listing/Filters/FiltersPanel/index.jsx
+++ b/src/shared/components/challenge-listing/Filters/FiltersPanel/index.jsx
@@ -306,7 +306,7 @@ export default function FiltersPanel({
const recommendedCheckboxTip = (
-
Shows available challenges
that match your skills
+
Show the best challenges for you.
);
diff --git a/src/shared/components/challenge-listing/Listing/Bucket/index.jsx b/src/shared/components/challenge-listing/Listing/Bucket/index.jsx
index cc4898d94d..a4fd9bca1a 100644
--- a/src/shared/components/challenge-listing/Listing/Bucket/index.jsx
+++ b/src/shared/components/challenge-listing/Listing/Bucket/index.jsx
@@ -9,7 +9,7 @@ import PT from 'prop-types';
// import qs from 'qs';
import React, { useRef } from 'react';
// import { config } from 'topcoder-react-utils';
-import Sort, { SORTS } from 'utils/challenge-listing/sort';
+import Sort from 'utils/challenge-listing/sort';
import {
NO_LIVE_CHALLENGES_CONFIG, BUCKETS, BUCKET_DATA, isRecommendedChallengeType,
} from 'utils/challenge-listing/buckets';
@@ -18,6 +18,7 @@ import Waypoint from 'react-waypoint';
// import { challenge as challengeUtils } from 'topcoder-react-lib';
import CardPlaceholder from '../../placeholders/ChallengeCard';
import ChallengeCard from '../../ChallengeCard';
+import NoRecommenderChallengeCard from '../../NoRecommenderChallengeCard';
import './style.scss';
// const COLLAPSED_SIZE = 10;
@@ -53,9 +54,6 @@ export default function Bucket({
isLoggedIn,
setSearchText,
}) {
- const activeBucketData = isRecommendedChallengeType(bucket, filterState)
- ? [SORTS.BEST_MATCH] : BUCKET_DATA[bucket].sorts.filter(item => item !== 'bestMatch');
-
const refs = useRef([]);
refs.current = [];
const addToRefs = (el) => {
@@ -180,33 +178,50 @@ export default function Bucket({
// // instead of waiting for scrolling to hit the react-waypoint to do the loadMore
// loadMore();
// }
-
+ const isRecommended = isRecommendedChallengeType(bucket, filterState);
+ const isHighestPaying = isRecommended && _.sumBy(filteredChallenges, 'jaccard_index') === 0;
+ const sectionTile = isHighestPaying ? 'HIGHEST PAYING OPEN CHALLENGES' : 'Recommended Open Challenges';
return (
// challenges.length !== 0
// && (
-
-
({
- label: Sort[item].name,
- value: item,
- }))
- }
- title={BUCKET_DATA[bucket].name}
- value={{
- label: Sort[activeSort].name,
- value: activeSort,
- }}
- />
- {cards}
+
{
- !expanding && !expandable && loadMore && !loading && activeBucket === bucket ? (
-
- ) : null
+ isHighestPaying && (!loading || filteredChallenges.length > 0)
+ &&
}
- {placeholders}
- {
+
+ {
+ isRecommended
+ ? filteredChallenges.length > 0 && (
+
+ )
+ : (
+
({
+ label: Sort[item].name,
+ value: item,
+ }))
+ }
+ title={BUCKET_DATA[bucket].name}
+ value={{
+ label: Sort[activeSort].name,
+ value: activeSort,
+ }}
+ />
+ )
+ }
+ {cards}
+ {
+ !expanding && !expandable && loadMore && !loading && activeBucket === bucket ? (
+
+ ) : null
+ }
+ {placeholders}
+ {
// (expandable || loadMore) && (expandable || !keepPlaceholders) && !loading && !expanded ? (
(expanding || expandable) && !loading && loadMore && (expandable ? expanded : !expanded) ? (
) : null
- }
+ }
+
-
-
-
-
- There are no challenges open for registration at the moment that match your skills.
- Try exploring other challenges or checking back later.
-
-
+
+
+
+
+ NO VERIFIED SKILLS ON YOUR PROFILE
+
+
+ Your recommended challenges are based on your Verified Skills.
+ Competing in challenges is a great way to earn them.
+
+
@@ -186,11 +180,7 @@ export default function ChallengeListing(props) {
/>
- {
- isRecommendedOn
- ?
- : challengeCardContainer
- }
+ { challengeCardContainer }