Added empty state for completely empty profile

Author: vikasrohit

app/profile/about/about.jade

@@ -8,9 +8,14 @@
     .sticky-container()
       profile-widget(profile="profileVm.profile", edit-profile-link="profileVm.showEditProfileLink", num-wins="profileVm.numWins", profile-vm="profileVm")
 
-  
   .profile-about-container
 
+    .empty-profile
+      .empty-state
+        empty-state-placeholder(state-name="profile-empty", show="!profileVm.numProjects && (!profileVm.skills || (profileVm.skills && profileVm.skills.length == 0)) && !vm.hasLinks")
+          .sample-image
+            img(ng-src="/images/robot.svg")
+
     #skills
       tc-section(ng-show="vm.displaySection.skills", state="profileVm.status.skills")
 

app/services/emptyState.service.js

@@ -125,6 +125,15 @@
             cssClass: "learn-more"
           }]
         },
+        "profile-empty": {
+          title: "Beep. Beep. Hello!",
+          description: "Seems like this member doesn’t have much information to share yet.",
+          helpLinks: [{
+            title: "View Other Members",
+            url: _getUrl("/community/members"),
+            cssClass: "find-members tc-btn tc-btn-s"
+          }]
+        },
         "profile-topcoder-activity": {
           title: "My Challenges",
           description: "You have not participated in any challenges yet.",

assets/css/profile/about.scss

@@ -81,7 +81,11 @@
   width: 100%;
   // max-width: 883px;
   padding: 0 10px;
-  margin: auto;
+  margin: 0 auto;
+
+  .empty-profile {
+    background: $white;
+  }
   .empty-state {
     width: 100%;
   }