inherit meta recommender from challenge listing community

Author: dedywahyudi

src/shared/components/challenge-detail/Header/ChallengeTags.jsx

@@ -99,7 +99,7 @@ export default function ChallengeTags(props) {
         ))
       }
       {
-        matchScore > 0 && config.ENABLE_RECOMMENDER && _.get(meta, 'challengeListing.enableRecommenderTool') && (
+        matchScore > 0 && config.ENABLE_RECOMMENDER && (
           <span styleName="matchScoreWrap">
             <MatchScore score={calculateScore(matchScore)} />
           </span>

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

@@ -67,7 +67,7 @@ export default function FiltersPanel({
   setExpanded,
   setSort,
   selectBucket,
-  meta,
+  enableRecommenderTool,
 }) {
   if (hidden && !expanded) {
     return (
@@ -253,7 +253,7 @@ export default function FiltersPanel({
   const past = isPastBucket(activeBucket);
   const disableClearFilterButtons = isFilterEmpty(filterState, past ? 'past' : '', activeBucket);
 
-  const isRecommendedChallengesVisible = (activeBucket === 'openForRegistration' && config.ENABLE_RECOMMENDER && _.get(meta, 'challengeListing.enableRecommenderTool'));
+  const isRecommendedChallengesVisible = (activeBucket === 'openForRegistration' && config.ENABLE_RECOMMENDER && enableRecommenderTool);
   const [recommendedToggle, setRecommendedToggle] = useState(false);
 
   useEffect(() => {
@@ -715,9 +715,5 @@ FiltersPanel.propTypes = {
   setExpanded: PT.func.isRequired,
   setSort: PT.func.isRequired,
   selectBucket: PT.func.isRequired,
-  meta: PT.shape({
-    challengeListing: PT.shape({
-      enableRecommenderTool: PT.bool,
-    }),
-  }).isRequired,
+  enableRecommenderTool: PT.bool.isRequired,
 };

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

@@ -180,6 +180,7 @@ export default function ChallengeListing(props) {
             isAuth={Boolean(auth.user)}
             setFilterState={props.setFilterState}
             hidden={!desktop}
+            enableRecommenderTool={props.enableRecommenderTool}
           />
         </div>
 
@@ -209,6 +210,7 @@ ChallengeListing.defaultProps = {
   loadMoreReviewOpportunities: null,
   newChallengeDetails: false,
   openChallengesInNewTabs: false,
+  enableRecommenderTool: true,
   reviewOpportunities: [],
   preListingMsg: null,
   prizeMode: 'money-usd',
@@ -258,6 +260,7 @@ ChallengeListing.propTypes = {
   loadMoreReviewOpportunities: PT.func,
   newChallengeDetails: PT.bool,
   openChallengesInNewTabs: PT.bool,
+  enableRecommenderTool: PT.bool,
   preListingMsg: PT.node,
   prizeMode: PT.string,
   reviewOpportunities: PT.arrayOf(PT.shape()),

src/shared/routes/Communities/ChallengeListing.jsx

@@ -56,6 +56,9 @@ export default function ChallengeListingRoute({
               openChallengesInNewTabs={
                 _.get(meta, 'challengeListing.openChallengesInNewTabs')
               }
+              enableRecommenderTool={
+                _.get(meta, 'challengeListing.enableRecommenderTool')
+              }
               preListingMsg={preListingMsg}
               prizeMode={prizeMode}
             />
@@ -86,6 +89,7 @@ ChallengeListingRoute.propTypes = {
   meta: PT.shape({
     challengeListing: PT.shape({
       openChallengesInNewTabs: PT.bool,
+      enableRecommenderTool: PT.bool,
     }),
     communityId: PT.string.isRequired,
     communityName: PT.string.isRequired,