Merge pull request #3599 from PrakashDurlabhji/issue_3582_2

issue 3582 fix

Author: LieutenantRoger

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

@@ -7,10 +7,13 @@ import React from 'react';
 import PT from 'prop-types';
 import { connect } from 'react-redux';
 import { BUCKETS, getBuckets, isReviewOpportunitiesBucket } from 'utils/challenge-listing/buckets';
+import { challenge as challengeUtils } from 'topcoder-react-lib';
 import Bucket from './Bucket';
 import ReviewOpportunityBucket from './ReviewOpportunityBucket';
 import './style.scss';
 
+const Filter = challengeUtils.filter;
+
 function Listing({
   activeBucket,
   auth,
@@ -39,6 +42,17 @@ function Listing({
   expandTag,
 }) {
   const buckets = getBuckets(_.get(auth.user, 'handle'));
+  const isChallengesAvailable = (bucket) => {
+    const filter = Filter.getFilterFunction(buckets[bucket].filter);
+    const clonedChallenges = _.clone(challenges);
+    const filteredChallenges = [];
+    for (let i = 0; i < clonedChallenges.length; i += 1) {
+      if (filter(clonedChallenges[i])) {
+        filteredChallenges.push(clonedChallenges[i]);
+      }
+    }
+    return filteredChallenges.length > 0;
+  };
   const getBucket = (bucket, expanded = false) => {
     let keepPlaceholders = false;
     let loading;
@@ -110,6 +124,18 @@ function Listing({
     );
   }
 
+  let isFilled = isChallengesAvailable(BUCKETS.OPEN_FOR_REGISTRATION)
+  || isChallengesAvailable(BUCKETS.ONGOING);
+  if (auth.user) {
+    isFilled = isFilled || isChallengesAvailable(BUCKETS.MY);
+  }
+  if (!isFilled) {
+    return (
+      <div styleName="challengeCardContainer">
+        <h3>No Live challenges found </h3>
+      </div>
+    );
+  }
   return (
     <div styleName="challengeCardContainer">
       {preListingMsg}