Merge pull request #4293 from appirio-tech/feature/add_msg_for_taas_projects

Added description for TaaS redirection button

Author: vikasrohit

.circleci/config.yml

@@ -128,7 +128,7 @@ workflows:
             - build-dev
           filters:
             branches:
-              only: ['dev']
+              only: ['dev', 'feature/add_msg_for_taas_projects']
 
       - deployTest01:
           context : org-global

src/projects/detail/components/TaasProjectWelcome/TaasProjectWelcome.jsx

@@ -5,8 +5,13 @@ import './TaasProjectWelcome.scss'
 const TaasProjectWelcome = ({ projectId }) => {
   const url = `${TAAS_APP_URL}/myteams/${projectId}`
   return (
-    <div styleName="container">
-      <a href={url} className="tc-btn tc-btn-lg tc-btn-primary">Go to your Talent Team</a>
+    <div>
+      <div styleName="text-container">
+        <p>This is a Talent as a Service project. Click this button to navigate to a TaaS focused experience where you can get information specific to your TaaS team.</p>
+      </div>
+      <div styleName="container">
+        <a href={url} className="tc-btn tc-btn-lg tc-btn-primary">Go to your Talent Team</a>
+      </div>
     </div>
   )
 }

src/projects/detail/components/TaasProjectWelcome/TaasProjectWelcome.scss

@@ -5,11 +5,39 @@
   align-items: center;
   display: flex;
   justify-content: center;
-  height: 400px;
+  height: 100px;
 
   :global(.tc-btn-lg) {
-    height: 70px;
-    line-height: 68px;
-    font-size: 30px;
+    height: 50px;
+    line-height: 48px;
+    font-size: 20px;
   }
+
 }
+
+.text-container {
+  @include stand-alone-item-shadow;
+  background-color: $tc-white;
+  border-radius: $card-border-radius;
+  margin-top: 4 * $base-unit;
+  padding: 5 * $base-unit;
+
+  @media screen and (max-width: $screen-md - 1px) {
+    border-radius: 0;
+  }
+
+  p {
+    @include roboto;
+    font-size: 15px;
+    margin-top: 3 * $base-unit;
+    line-height: 25px;
+
+    b {
+      font-weight: bold;
+    }
+
+    i {
+      font-style: italic;
+    }
+  }
+}