Merge pull request #547 from appirio-tech/feature/dashboard-empty-state-copy-change-jess

SUP-2599, Change copy on empty state for dashboard

Author: parthshah

app/services/emptyState.service.js

@@ -58,15 +58,15 @@
         },
         "dashboard-challenges-never-participated": {
           title: "My Challenges",
-          description: "Compete in challenges to win money, test yourself against the world's best, and learn new skills",
-          helpLinks: [{
+          description: "Compete in challenges to learn new skills, win cash prizes and test yourself against the world's best",
+          helpLinks: [ {
+            title: "Get Started",
+            url: _getUrl("/getting-started"),
+            cssClass: "primary-cta tc-btn tc-btn-s"
+          }, {
             title: "Find Challenges",
             url: _getUrl("/challenges/?pageIndex=1"),
-            cssClass: "find-challenges tc-btn tc-btn-s"
-          }, {
-            title: "Learn More",
-            url: _getUrl("/getting-started"),
-            cssClass: "learn-more"
+            cssClass: "secondary-cta"
           }]
         },
         "my-challenges-active": {

assets/css/directives/empty-state-placeholder.scss

@@ -60,9 +60,15 @@
       display: block;
       @include sofia-pro-medium;
 
+      // used more generic css class (secondary-cta)
+      // remove find-challenges class once we are sure that it is not being used in any empty state
+      &.primary-cta,
       &.find-challenges {
       }
 
+      // used more generic css class (secondary-cta)
+      // remove learn-more class once we are sure that it is not being used in any empty state
+      &.secondary-cta,
       &.learn-more {
         font-size: 12px;
         line-height: 12px;