Merge pull request #5690 from topcoder-platform/slash-gigs-updates

Slash gigs updates

Author: luizrrodrigues

.circleci/config.yml

@@ -356,7 +356,7 @@ workflows:
           filters:
             branches:
               only:
-                - thrive-sep-update1
+                - free
       # This is beta env for production soft releases
       - "build-prod-beta":
           context : org-global

src/shared/components/Gigs/ReferralCode/index.jsx

@@ -30,7 +30,13 @@ function ReferralCode(props) {
 
   return (
     <div className={_.isEmpty(profile) ? defautlStyle.container : defautlStyle.containerWithLink}>
-      <span className={defautlStyle.title}>Topcoder Referral Program:</span>
+      {
+        _.isEmpty(profile) ? (
+          <span className={defautlStyle.title}>Topcoder Referral Program:</span>
+        ) : (
+          <a className={defautlStyle.title} href="/community/gig-referral" target="_blank" rel="noreferrer">Topcoder Referral Program:</a>
+        )
+      }
       {
         _.isEmpty(profile) ? (
           <React.Fragment>

src/shared/components/Gigs/ReferralCode/style.scss

@@ -21,6 +21,10 @@
 
   .title {
     font-weight: bold;
+    color: #fff;
+    font-family: Roboto, sans-serif;
+    font-size: 18px;
+    margin-right: 5px;
 
     @media screen and (max-width: 768px) {
       margin-bottom: 10px;

src/shared/containers/GigsPages.jsx

@@ -37,7 +37,7 @@ function GigsPagesContainer(props) {
     optProfile.attributes.email = profile.email;
     // trigger referral id fetching when profile is loaded
     if (isomorphy.isClientSide()) {
-      if (_.isEmpty(growSurf) || (!growSurf.loading && !growSurf.data)) {
+      if (_.isEmpty(growSurf) || (!growSurf.loading && !growSurf.data && !growSurf.error)) {
         getReferralId(profile);
       }
     }
@@ -67,7 +67,7 @@ function GigsPagesContainer(props) {
   }
   const { id, type } = match.params;
   const isApply = `${config.GIGS_PAGES_PATH}/${id}/apply` === match.url;
-  const title = 'Gig Work | Topcoder Community | Topcoder';
+  const title = 'Find Freelance Work | Gigs | Topcoder';
   const description = 'Compete and build up your profiles and skills! Topcoder members become eligible to work on Gig Work projects by first proving themselves in various skill sets through Topcoder competitions.';
   const inner = (
     <div>