WrenchBoard/WrenchBoardNigeriaMainSite
2
0
Fork 0
Code Issues Pull Requests Releases Activity

update home sliders

Browse Source
This commit was merged in pull request #19.
This commit is contained in:
victorAnumudu
2024-03-15 18:01:04 +01:00
parent bbf8c51217
commit cc5293cd27
11 changed files with 56 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/HomeOne/RecentJobsOne.js
+37 -36
View File
@@ -60,49 +60,50 @@ titleLen(title){
<div className="row">
{
this.state.jobsDataResults.map(i => {
this.state.jobsDataResults.map((i, index) => {
var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
var postDt = new Date(i.expire).toLocaleDateString("en-US", options);
return (<div className="col-md-6 col-xl-3">
<div
className="appie-single-service container-fluid mt-30 wow animated fadeInUp boxBorder d-flex align-items-center"
data-wow-duration="3000ms"
data-wow-delay="200ms"
>
<div className="content d-flex flex-column justify-content-between" style={{height: '200px', width: '100%'}}>
<div className="titleBox">
<h3 className="title">
<a href={dashUrl}>
<span className='font_black'>{this.titleLen(i.title)} </span>
</a>
</h3>
</div>
<div className='p-0 container-fluid'>
<div><hr /></div>
<div className="blog-meta">
<ul>
<li className="expire">
<a href={dashUrl} className='d-block'>
<div className='font_red d-flex align-items-start'>
<div className='pr-2'>Expires :</div>
<CountDownTimer targetDate={postDt}/>
</div>
</a>
</li>
</ul>
if(index < 24){
return (
<div className="col-md-6 col-xl-3">
<div
className="appie-single-service container-fluid mt-30 wow animated fadeInUp boxBorder d-flex align-items-center"
data-wow-duration="3000ms"
data-wow-delay="200ms"
>
<div className="content d-flex flex-column justify-content-between" style={{height: '200px', width: '100%'}}>
<div className="titleBox">
<h3 className="title">
<a href={dashUrl}>
<span className='font_black'>{this.titleLen(i.title)} </span>
</a>
</h3>
</div>
<div className='lmoreTxt d-flex justify-content-end align-items-center'>
<a href={dashUrl}>
Learn More <i className="fal fa-arrow-right" />
</a>
<div className='p-0 container-fluid'>
<div><hr /></div>
<div className="blog-meta">
<ul>
<li className="expire">
<a href={dashUrl} className='d-block'>
<div className='font_red d-flex align-items-start'>
<div className='pr-2'>Expires :</div>
<CountDownTimer targetDate={postDt}/>
</div>
</a>
</li>
</ul>
</div>
<div className='lmoreTxt d-flex justify-content-end align-items-center'>
<a href={process.env.REACT_APP_DASH_URL_LOGIN}>
Learn More <i className="fal fa-arrow-right" />
</a>
</div>
</div>
</div>
</div>
</div>
</div>)
)
}
})
}