available time indication added

src/components/HomeOne/CurrentJobsHero.js

@@ -45,7 +45,6 @@ class CurrentJobsHero extends Component {
         if (this.state.jobsDataResults.length == 0){
             return <></>;
         }
-
         return (
             <>
                 <section className="appie-blog-area">
@@ -54,11 +53,14 @@ class CurrentJobsHero extends Component {
                             <p className='pl-15'>Recent jobs.</p>
 
                             {
-                                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);
+                                    let hourRemaining = Math.floor(Math.abs(new Date() - new Date(i.expire)) / (1000*60*60))
 
-                                    return (<div className="col-md-6 col-xl-12">
+                                    if(index < 5){
+                                    return (
+                                    <div className="col-12">
                                         <div
                                             className="container-fluid mb-10 wow animated fadeInUp boxBorder d-flex align-items-center rounded"
                                             data-wow-duration="3000ms"
@@ -86,16 +88,18 @@ class CurrentJobsHero extends Component {
                                                     {/*        </li>*/}
                                                     {/*    </ul>*/}
                                                     {/*</div>*/}
-                                                    <div className='lmoreTxt d-flex justify-content-end align-items-center'>
-                                                        <a href={dashUrl}>
+                                                    <div className='lmoreTxt d-flex justify-content-between align-items-center'>
+                                                        <p className='text-danger' style={{fontSize: '12px'}}>{hourRemaining > 24 ? `available in the next ${hourRemaining%24} ${hourRemaining%24 > 1 ? 'days':'day'}` : `available in the next 12hrs 30mins`}</p>
+                                                        <a href={dashUrl} className=''>
                                                             Learn More <i className="fal fa-arrow-right" />
                                                         </a>
                                                     </div>
                                                 </div>
                                             </div>
                                         </div>
-
-                                    </div>)
+                                    </div>
+                                    )
+                                    }
 
 
                                 })

src/components/HomeOne/HomeNigeria.js

@@ -9,16 +9,16 @@ function HomeNigeria() {
                 <div className="container">
                     <div className="row align-items-start">
 
-                        <div className="col-lg-6">
+                        <div className="col-12 col-lg-6">
                             <div className="appie-hero-content appie-hero-content-6">
                                 {/*<span>Welcome To Creative App.</span>*/}
-                                <h1 className="appie-title">Pick any task and tart earning .</h1>
+                                <h1 className="appie-title">Pick any task and start earning.</h1>
                                 <p>
                                     The Marketplace platform to earn money with your skills, find, buy and sell professional services.
                                 </p>
                                 <ul>
                                     <li className=''>
-                                        <a className="item-2"  href={process.env.APPLE_APP}>
+                                        <a className="item-2"  href={process.env.REACT_APP_APPLE_APP}>
                                             <i className="fab fa-apple"></i>
                                             <span>
                                                 Available on the <span>App Store</span>
@@ -36,7 +36,7 @@ function HomeNigeria() {
                                 </ul>
                             </div>
                         </div>
-                        <div className="col-lg-6">
+                        <div className="col-12 col-lg-6">
                             {/*<div className="appie-hero-thumb-6">*/}
                             {/*    <div*/}
                             {/*        className="thumb wow animated fadeInUp"*/}