SUP-2231, New Empty States for Dashboard and Profile, SUP-2231, User has past challenges but not able to access the past challenges from dashboard as user do not have any active challenges.

-- Added never participation logic for challenges section on dashboard

Reference for the text:
https://appirio.atlassian.net/browse/SUP-2209?focusedCommentId=17437&page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel#comment-17437

Author: vikasrohit

app/my-dashboard/my-challenges/my-challenges.controller.js

@@ -8,6 +8,7 @@
   function MyChallengesWidgetController(ChallengeService, UserService, $log, CONSTANTS, userIdentity, $q) {
     var vm = this;
     vm.domain = CONSTANTS.domain;
+    vm.neverParticipated = false;
     vm.loading = true;
     vm.userHasChallenges = true;
     vm.challengeView = 'tile';
@@ -19,7 +20,9 @@
 
     function activate() {
       vm.myChallenges = [];
-      getChallenges();
+      _checkForParticipation().then(function() {
+        getChallenges();
+      });
     }
 
     function getChallenges() {
@@ -71,5 +74,19 @@
         vm.challengeView = view;
       }
     }
+
+    function _checkForParticipation() {
+      var params = {
+        limit: 1,
+        offset: 0
+      };
+      return ChallengeService.getUserChallenges(handle, params).then(function(challenges) {
+        if (challenges.metadata.totalCount > 0) {
+          vm.neverParticipated = true;
+        } else {
+          vm.neverParticipated = true;
+        }
+      });
+    }
   }
 })();

app/my-dashboard/my-challenges/my-challenges.jade

@@ -1,5 +1,5 @@
 header(ng-hide="vm.loading || !vm.userHasChallenges")
-  h1.section-title Active Challenges
+  h1.section-title My Challenges
 
   .challenge-view-toggle(ng-show="vm.userHasChallenges")
     button.tile(ng-click="vm.toggleView('tile')", ng-class="{ disabled: vm.challengeView === 'tile' }") Grid
@@ -9,11 +9,15 @@ header(ng-hide="vm.loading || !vm.userHasChallenges")
 .section-loading(ng-show="vm.loading")
 
 section.noChallenges(ng-if="!vm.userHasChallenges && !vm.loading")
-  empty-state-placeholder(title="My Challenges", description="Compete in challenges to win money, test yourself against the world's best, and learn new skills", show="!vm.userHasChallenges")
-    .info-links
-      a.find-challenges.tc-btn.tc-btn-s(ng-href="https://www.{{DOMAIN}}/challenges/?pageIndex=1") Find Challenges
+  .never-participated(ng-if="vm.neverParticipated")
+    empty-state-placeholder(title="My Challenges", description="Compete in challenges to win money, test yourself against the world's best, and learn new skills", show="vm.neverParticipated")
+      .info-links
+        a.find-challenges.tc-btn.tc-btn-s(ng-href="https://www.{{DOMAIN}}/challenges/?pageIndex=1") Find Challenges
 
-      a.learn-more(href="https://www.{{DOMAIN}}/member-onboarding") Learn More
+        a.learn-more(href="https://www.{{DOMAIN}}/member-onboarding") Learn More
+  empty-state-placeholder(title="My Challenges", description="You don't have any active challenges. Ready to find your next challenge?", show="!vm.userHasChallenges")
+    .info-links
+      a.find-challenges.tc-btn.tc-btn-s(ng-href="https://www.{{DOMAIN}}/challenges/?pageIndex=1") Explore Open Challenges
 
 section.hasChallenges(ng-if="vm.userHasChallenges && !vm.loading", ng-class="{ 'list-view-active': vm.challengeView === 'list' }")
   .section-titles(ng-show="vm.challengeView === 'list'")