@@ -86,59 +86,58 @@ const JobCard = ({ job }) => {
8686 { job . title }
8787 </ a >
8888 </ h4 >
89- < ul styleName = "job-items" >
90- < li >
91- < div styleName = "job-item" >
92- < div styleName = "caption" > Payment Range</ div >
93- < div styleName = "text" >
94- { /* {job.paymentRangeFrom &&
95- job.paymentRangeTo &&
96- job.currency && (
97- <>
98- {job.currency}
99- {formatMoneyValue(job.paymentRangeFrom, "")}
100- {" - "}
101- {formatMoneyValue(job.paymentRangeTo, "")}
102- {" (USD)"}
103- {" / "}
104- {job.paymentRangeRateType}
105- </>
106- )} */ }
107- { paymentInfo }
89+ { job . status == MY_GIGS_JOB_STATUS . COMPLETED && (
90+ < ul styleName = "job-items" >
91+ < li >
92+ < div styleName = "job-item" >
93+ < div styleName = "caption" > Duration</ div >
94+ < div styleName = "text" >
95+ { job . duration && `${ job . duration } Weeks` }
96+ </ div >
10897 </ div >
109- </ div >
110- </ li >
111- < li >
112- < div styleName = "job-item" >
113- < div styleName = "caption" > Location</ div >
114- < div styleName = "text" > { job . location } </ div >
115- </ div >
116- </ li >
117- < li >
118- < div styleName = "job-item" >
119- < div styleName = "caption" > Duration</ div >
120- < div styleName = "text" >
121- { job . duration && `${ job . duration } Weeks` }
98+ </ li >
99+ </ ul >
100+ ) }
101+ { job . status !== MY_GIGS_JOB_STATUS . COMPLETED && (
102+ < ul styleName = "job-items" >
103+ < li >
104+ < div styleName = "job-item" >
105+ < div styleName = "caption" > Payment Range</ div >
106+ < div styleName = "text" > { paymentInfo } </ div >
107+ </ div >
108+ </ li >
109+ < li >
110+ < div styleName = "job-item" >
111+ < div styleName = "caption" > Location</ div >
112+ < div styleName = "text" > { job . location } </ div >
122113 </ div >
123- </ div >
124- </ li >
125- < li >
126- < div styleName = "job-item" >
127- < div styleName = "caption" > Hours </ div >
128- < div styleName = "text" >
129- { job . hours && ` ${ job . hours } hours / week` }
114+ </ li >
115+ < li >
116+ < div styleName = "job-item" >
117+ < div styleName = "caption" > Duration </ div >
118+ < div styleName = "text" >
119+ { job . duration && ` ${ job . duration } Weeks` }
120+ </ div >
130121 </ div >
131- </ div >
132- </ li >
133- < li >
134- < div styleName = "job-item" >
135- < div styleName = "caption" > Working Hours </ div >
136- < div styleName = "text" >
137- { job . workingHours && ` ${ job . workingHours } hours` }
122+ </ li >
123+ < li >
124+ < div styleName = "job-item" >
125+ < div styleName = "caption" > Hours </ div >
126+ < div styleName = "text" >
127+ { job . hours && ` ${ job . hours } hours / week` }
128+ </ div >
138129 </ div >
139- </ div >
140- </ li >
141- </ ul >
130+ </ li >
131+ < li >
132+ < div styleName = "job-item" >
133+ < div styleName = "caption" > Working Hours</ div >
134+ < div styleName = "text" >
135+ { job . workingHours && `${ job . workingHours } hours` }
136+ </ div >
137+ </ div >
138+ </ li >
139+ </ ul >
140+ ) }
142141 </ div >
143142 < div
144143 styleName = { `right-side stand-by ${ ! job . phaseAction ? "none" : "" } ` }
0 commit comments