Team fixes 1 for #4788

Author: kkartunov

src/server/services/recruitCRM.js

@@ -45,7 +45,6 @@ export default class RecruitCRMService {
           error: true,
           status: response.status,
           url: `${this.private.baseUrl}/v1/jobs/search?${qs.stringify(req.query)}`,
-          key: this.private.authorization,
         });
       }
       const data = await response.json();
@@ -78,7 +77,6 @@ export default class RecruitCRMService {
           error: true,
           status: response.status,
           url: `${this.private.baseUrl}/v1/jobs/${req.params.id}`,
-          key: this.private.authorization,
         });
       }
       const data = await response.json();
@@ -111,7 +109,6 @@ export default class RecruitCRMService {
           error: true,
           status: response.status,
           url: `${this.private.baseUrl}/v1/jobs/search?${qs.stringify(req.query)}`,
-          key: this.private.authorization,
         });
       }
       const data = await response.json();

src/shared/components/GUIKit/JobListCard/index.jsx

@@ -28,7 +28,7 @@ export default function JobListCard({
   const hoursPerWeek = getCustomField(job.custom_fields, 'Hours per week');
   return (
     <div styleName="container">
-      <h6>{job.name}</h6>
+      <Link to={`${config.GIGS_PAGES_PATH}/${job.slug}`} styleName="gig-name">{job.name}</Link>
       <div styleName="job-infos">
         <div styleName="icon-val">
           <IconBlackSkills /> {skills}

src/shared/components/GUIKit/JobListCard/style.scss

@@ -14,10 +14,19 @@
   @include gui-kit-content;
   @include roboto-regular;
 
-  h6 {
+  .gig-name,
+  .gig-name:visited,
+  .gig-name:active,
+  .gig-name:hover {
     color: #1e94a3;
     margin-top: 0;
     margin-bottom: 12px;
+    text-decoration: none;
+    font-family: Barlow, sans-serif;
+    font-size: 20px;
+    font-weight: 600;
+    line-height: 24px;
+    text-transform: uppercase;
 
     @include xs-to-sm {
       margin-bottom: 20px;

src/shared/containers/Gigs/RecruitCRMJobs.jsx

@@ -22,7 +22,7 @@ class RecruitCRMJobsContainer extends React.Component {
     this.state = {
       term: '',
       page: 0,
-      sortBy: 'created_on',
+      sortBy: 'updated_on',
     };
 
     this.onSearch = this.onSearch.bind(this);
@@ -88,9 +88,17 @@ class RecruitCRMJobsContainer extends React.Component {
     // Filter by term
     if (term) {
       jobsToDisplay = _.filter(jobs, (job) => {
-        if (job.name.toLowerCase().includes(term.toLowerCase())) return true;
+        // eslint-disable-next-line no-underscore-dangle
+        const _term = term.toLowerCase();
+        // name search
+        if (job.name.toLowerCase().includes(_term)) return true;
+        // skills search
+        const skills = _.find(job.custom_fields, ['field_name', 'Technologies Required']);
+        if (skills && skills.value && skills.value.toLowerCase().includes(_term)) return true;
+        // location
+        if (job.country.toLowerCase().includes(_term)) return true;
+        // no match
         return false;
-        // add skills here
       });
     }
     // Sort controlled by sortBy state
@@ -106,7 +114,7 @@ class RecruitCRMJobsContainer extends React.Component {
     return (
       <div styleName="container">
         <div styleName="filters">
-          <SearchCombo placeholder="Search Job Listings by Name or Skills" onSearch={this.onSearch} term={term} />
+          <SearchCombo placeholder="Search Gig Listings by Name, Skills or Location" onSearch={this.onSearch} term={term} />
         </div>
         <div styleName="jobs-list-container">
           {