fix: issue topcoder-archive#364

Author: yoution

src/routes/CreateNewTeam/components/ResultCard/index.jsx

@@ -78,10 +78,10 @@ function ResultCard({ role }) {
         </Button>
       </div>
       {showRates && !isExternalMember && (
-        <div styleName="xeno-rates">
+        <div styleName="wipro-rates">
           {userHandle && (
             <p styleName="greeting-txt">
-              Hi {userHandle}, we have special rates for you as a Xeno User!
+              Hi {userHandle}, we have special rates for you as a Wipro User!
             </p>
           )}
           <div styleName="rates">
@@ -97,8 +97,15 @@ function ResultCard({ role }) {
                   <p>/Week</p>
                 </div>
               </div>
-              <div styleName="in-country">
-                <h4>In-Country Rate</h4>
+              <div styleName="global-niche">
+                <h4>Global Niche Rate</h4>
+                <div styleName="cost">
+                  <h4>{formatRate(rates.niche)}</h4>
+                  <p>/Week</p>
+                </div>
+              </div>
+              <div styleName="offshore-niche">
+                <h4>Offshore Niche Rate</h4>
                 <div styleName="cost">
                   <h4>{formatRate(rates.inCountry)}</h4>
                   <p>/Week</p>
@@ -124,8 +131,15 @@ function ResultCard({ role }) {
                   <p>/Week</p>
                 </div>
               </div>
-              <div styleName="in-country">
-                <h4>In-Country Rate</h4>
+              <div styleName="global-niche">
+                <h4>Global Niche Rate</h4>
+                <div styleName="cost">
+                  <h4>{formatRate(rates.rate30Niche)}</h4>
+                  <p>/Week</p>
+                </div>
+              </div>
+              <div styleName="offshore-niche">
+                <h4>Offshore Niche Rate</h4>
                 <div styleName="cost">
                   <h4>{formatRate(rates.rate30InCountry)}</h4>
                   <p>/Week</p>
@@ -151,8 +165,16 @@ function ResultCard({ role }) {
                   <p>/Week</p>
                 </div>
               </div>
-              <div styleName="in-country">
-                <h4>In-Country Rate</h4>
+
+              <div styleName="global-niche">
+                <h4>Global Niche Rate</h4>
+                <div styleName="cost">
+                  <h4>{formatRate(rates.rate20Niche)}</h4>
+                  <p>/Week</p>
+                </div>
+              </div>
+              <div styleName="offshore-niche">
+                <h4>Offshore Niche Rate</h4>
                 <div styleName="cost">
                   <h4>{formatRate(rates.rate20InCountry)}</h4>
                   <p>/Week</p>

src/routes/CreateNewTeam/components/ResultCard/styles.module.scss

@@ -138,7 +138,7 @@
   padding-bottom: 50px;
 }
 
-.xeno-rates {
+.wipro-rates {
   display: flex;
   flex-direction: column;
   padding: 0 25px 50px 52px;
@@ -180,7 +180,8 @@
         }
       }
       .global,
-      .in-country,
+      .global-niche,
+      .offshore-niche,
       .offshore {
         display: flex;
         flex-direction: column;
@@ -225,7 +226,12 @@
       .global::before {
         background-color: #c99014;
       }
-      .in-country::before {
+
+      .global-niche::before {
+        background-color: #0ab88a;
+      }
+
+      .offshore-niche::before {
         background-color: #716d67;
       }
       .offshore::before {