From cb4a7ce6141f70420902a90db85e07063e1177c1 Mon Sep 17 00:00:00 2001
From: Dedy Wahyudi <d3dyw4hyud1@gmail.com>
Date: Wed, 21 Jul 2021 12:41:30 +0700
Subject: [PATCH] add link to the Gig Title

---
 src/containers/MyGigs/JobListing/JobCard/index.jsx | 8 +++++++-
 src/services/myGigs.js                             | 1 +
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/containers/MyGigs/JobListing/JobCard/index.jsx b/src/containers/MyGigs/JobListing/JobCard/index.jsx
index 906f278..84253b7 100644
--- a/src/containers/MyGigs/JobListing/JobCard/index.jsx
+++ b/src/containers/MyGigs/JobListing/JobCard/index.jsx
@@ -55,7 +55,13 @@ const JobCard = ({ job }) => {
       <div styleName="card-body">
         <div styleName="job-card-content">
           <div styleName="content">
-            <h4 styleName="title">{job.title}</h4>
+            <h4 styleName="title">
+              <a
+                href={`${process.env.URL.BASE}/gigs/${job.jobExternalId}`} // eslint-disable-line no-undef
+              >
+                {job.title}
+              </a>
+            </h4>
             <ul styleName="job-items">
               <li>
                 <div styleName="job-item">
diff --git a/src/services/myGigs.js b/src/services/myGigs.js
index 03bbcd8..efda532 100644
--- a/src/services/myGigs.js
+++ b/src/services/myGigs.js
@@ -40,6 +40,7 @@ const mapMyGigsData = (serverResponse) => {
         return {
           label: (gigPhase || "").toUpperCase(),
           title: myGig.title,
+          jobExternalId: myGig.jobExternalId,
           paymentRangeFrom: myGig.payment.min,
           paymentRangeTo: myGig.payment.max,
           paymentRangeRateType: myGig.payment.frequency,