Implements #4867

Author: kkartunov

package-lock.json

@@ -13,6 +13,7 @@ import DesignTrackIcon from 'assets/images/track-design.svg';
 import MMTrackIcon from 'assets/images/track-MM.svg';
 import AlgoTrackIcon from 'assets/images/track-ALGO.svg';
 import TCTrackIcon from 'assets/images/tc-logo-icon.svg';
+import GigWorkTrackIcon from 'assets/images/gig-blob.svg';
 // CSS
 import homeTheme from './styles/home.scss';
 
@@ -95,6 +96,13 @@ export default class EDUHome extends React.Component {
             </div>
             <TrackCards theme={homeTheme} track="QA" />
           </div>
+          <div className={homeTheme.trackWrapp}>
+            <div className={homeTheme.trackInfos}>
+              <div className={homeTheme.trackIconGigs}><GigWorkTrackIcon /></div>
+              <TrackInfoInner track="Gig Work" theme={homeTheme} taxonomy={taxonomy} />
+            </div>
+            <TrackCards theme={homeTheme} track="Gig Work" />
+          </div>
           <div className={homeTheme.trackWrapp}>
             <div className={homeTheme.trackInfos}>
               <div className={homeTheme.trackIconTC}><TCTrackIcon /></div>

src/assets/images/gig-blob.svg

@@ -21,6 +21,7 @@ import DS from 'assets/images/img-data-science.png';
 import Algo from 'assets/images/img-algorithm.png';
 import QA from 'assets/images/img-QA.png';
 import Topcoder from 'assets/images/img-Topcoder.png';
+import GigWork from 'assets/images/img-gig-work.png';
 // Partials
 import ResultTabs from './partials/ResultTabs';
 // CSS
@@ -33,6 +34,7 @@ const TRACK_BANNER_BACK_COLORS = {
   'Competitive Programming': '#FFA45D',
   QA: '#8AFB8A',
   Topcoder: '#2A2A2A',
+  'Gig Work': '#ef476f',
 };
 const TRACK_IMAGES = {
   Development: Dev,
@@ -41,6 +43,7 @@ const TRACK_IMAGES = {
   'Competitive Programming': Algo,
   QA,
   Topcoder,
+  'Gig Work': GigWork,
 };
 
 export default class EDUTracks extends React.Component {

src/assets/images/img-gig-work.png

@@ -181,6 +181,14 @@
           height: 71px;
         }
 
+        .trackIconGigs {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          width: 74px;
+          height: 75px;
+        }
+
         .trackIconTC {
           background-repeat: no-repeat;
           background-size: cover;

src/shared/containers/EDU/Home.jsx

@@ -27,7 +27,7 @@ const LOCAL_MODE = Boolean(config.CONTENTFUL.LOCAL_MODE);
 const EDU_TAXONOMY_ID = '15caxocitaxyK65K9oSd91';
 // The keys for subcategory lists/references
 // If need to add new track add its fieldID here to be autopickuped
-const EDU_TRACK_KEYS = ['dataScience', 'competitiveProgramming', 'design', 'development', 'qualityAssurance', 'topcoder'];
+const EDU_TRACK_KEYS = ['dataScience', 'competitiveProgramming', 'design', 'development', 'qualityAssurance', 'topcoder', 'gigWork'];
 
 const EDU_ARTICLE_TYPES = ['Article', 'Video', 'Forum post'];