From ccd67ad0bf42714f08eb646cf7efa59aaa1c5018 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Wed, 26 Jul 2023 15:42:10 +0100
Subject: [PATCH] home page bug fixed

---
 src/components/HomeOne/CurrentJobsHero.js | 15 +++++++++------
 src/components/HomeOne/HomeNigeria.js     |  8 ++++----
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/components/HomeOne/CurrentJobsHero.js b/src/components/HomeOne/CurrentJobsHero.js
index 07ca7fe..8c20670 100644
--- a/src/components/HomeOne/CurrentJobsHero.js
+++ b/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"
@@ -87,15 +89,16 @@ class CurrentJobsHero extends Component {
                                                     {/*    </ul>*/}
                                                     {/*</div>*/}
                                                     <div className='lmoreTxt d-flex justify-content-end align-items-center'>
-                                                        <a href={dashUrl}>
+                                                        <a href={dashUrl} className=''>
                                                             Learn More <i className="fal fa-arrow-right" />
                                                         </a>
                                                     </div>
                                                 </div>
                                             </div>
                                         </div>
-
-                                    </div>)
+                                    </div>
+                                    )
+                                    }
 
 
                                 })
diff --git a/src/components/HomeOne/HomeNigeria.js b/src/components/HomeOne/HomeNigeria.js
index 86412c2..5a2605d 100644
--- a/src/components/HomeOne/HomeNigeria.js
+++ b/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 start 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"*/}