after 2nd gig with updated gradients

kkartunov · kkartunov · commit 51ab8ea109b4 · 2021-05-12T16:29:55.000+03:00
diff --git a/src/shared/containers/Gigs/RecruitCRMJobs.jsx b/src/shared/containers/Gigs/RecruitCRMJobs.jsx
@@ -252,9 +252,9 @@ class RecruitCRMJobsContainer extends React.Component {
           <div styleName="jobs-list-container">
             {
               jobsToDisplay.length
-                ? jobsToDisplay.map((job) => {
+                ? jobsToDisplay.map((job, indx) => {
                   const featured = getCustomField(job.custom_fields, 'Featured');
-                  if (featured === 'n/a' && !isHotlistRendered && hotlistJobs.length && decision.enabled) {
+                  if ((featured === 'n/a' || indx === 2) && !isHotlistRendered && hotlistJobs.length && decision.enabled) {
                     isHotlistRendered = true;
                     return (
                       <React.Fragment>
diff --git a/src/shared/containers/Gigs/jobLisingStyles.scss b/src/shared/containers/Gigs/jobLisingStyles.scss
@@ -68,7 +68,7 @@
   .hotlist {
     display: flex;
     flex: 1;
-    margin: 15px 0;
+    margin: 5px 0;
 
     h5 {
       font-family: Barlow, sans-serif;
@@ -155,11 +155,11 @@
       }
 
       .hotlist-item-2 {
-        background-image: linear-gradient(140.77deg, #9d41c9 0%, #50ade8 100%);
+        background-image: linear-gradient(125.57deg, #2c95d7 0%, #83c5ee 100%);
       }
 
       .hotlist-item-3 {
-        background-image: linear-gradient(133.83deg, #f4f4f4 0%, #d4d4d4 100%);
+        background-image: linear-gradient(309.43deg, #f4f4f4 0%, #d4d4d4 100%);
       }
 
       .hotlist-item-4 {

Original file line number	Diff line number	Diff line change
`@@ -68,7 +68,7 @@`
`68`	`68`	`.hotlist {`
`69`	`69`	`display: flex;`
`70`	`70`	`flex: 1;`
`71`		`- margin: 15px 0;`
	`71`	`+ margin: 5px 0;`
`72`	`72`
`73`	`73`	`h5 {`
`74`	`74`	`font-family: Barlow, sans-serif;`
`@@ -155,11 +155,11 @@`
`155`	`155`	`}`
`156`	`156`
`157`	`157`	`.hotlist-item-2 {`
`158`		`- background-image: linear-gradient(140.77deg, #9d41c9 0%, #50ade8 100%);`
	`158`	`+ background-image: linear-gradient(125.57deg, #2c95d7 0%, #83c5ee 100%);`
`159`	`159`	`}`
`160`	`160`
`161`	`161`	`.hotlist-item-3 {`
`162`		`- background-image: linear-gradient(133.83deg, #f4f4f4 0%, #d4d4d4 100%);`
	`162`	`+ background-image: linear-gradient(309.43deg, #f4f4f4 0%, #d4d4d4 100%);`
`163`	`163`	`}`
`164`	`164`
`165`	`165`	`.hotlist-item-4 {`