Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 victorAnumudu
|
cc5293cd27 | ||
 ameye
|
bbf8c51217 | ||
|
victorAnumudu
|
6046401aa2 | ||
|
ameye
|
3f6cb6afba |
+1
-1
@@ -22,4 +22,4 @@ REACT_APP_SUPPORT_NG_ADDRESS='Saka Tinubu Street, Victoria Island Lagos, Nigeria
|
|||||||
REACT_APP_AGENT_LINK='https://agents.wrenchboard.com'
|
REACT_APP_AGENT_LINK='https://agents.wrenchboard.com'
|
||||||
|
|
||||||
#SOCKETS ENDS
|
#SOCKETS ENDS
|
||||||
REACT_APP_PRIMARY_SOCKET="https://socket.wrenchboard.com"
|
REACT_APP_PRIMARY_SOCKET="https://socket-dev.wrenchboard.com"
|
||||||
@@ -11,7 +11,6 @@ function App() {
|
|||||||
|
|
||||||
useEffect(()=>{ // sends an event to the socket to enable user join a room to be able to receive update when jobs enters the market
|
useEffect(()=>{ // sends an event to the socket to enable user join a room to be able to receive update when jobs enters the market
|
||||||
joinRoom('full-markets-jobs')
|
joinRoom('full-markets-jobs')
|
||||||
console.log('market room joined')
|
|
||||||
},[])
|
},[])
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
@@ -25,7 +25,6 @@ export default function SocketIOContextProvider({children}) {
|
|||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
socket.on("received_refreshmarket_jobs", (data) => {
|
socket.on("received_refreshmarket_jobs", (data) => {
|
||||||
setSocketMsgReceived({type: 'market', msg: data?.message});
|
setSocketMsgReceived({type: 'market', msg: data?.message});
|
||||||
console.log('YES ssss')
|
|
||||||
});
|
});
|
||||||
}, [socket]);
|
}, [socket]);
|
||||||
|
|
||||||
|
|||||||
@@ -8381,7 +8381,7 @@ blockquote cite {
|
|||||||
/* interface images */
|
/* interface images */
|
||||||
.interface_section .owl-item .screen_frame_img img {
|
.interface_section .owl-item .screen_frame_img img {
|
||||||
transform: scale(.9);
|
transform: scale(.9);
|
||||||
border: 2px solid #000;
|
/* border: 2px solid #000; */
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
transition: 1s all;
|
transition: 1s all;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
@@ -8391,6 +8391,6 @@ blockquote cite {
|
|||||||
|
|
||||||
.interface_section .owl-item.center .screen_frame_img img {
|
.interface_section .owl-item.center .screen_frame_img img {
|
||||||
transform: scale(1);
|
transform: scale(1);
|
||||||
border: 3px solid #000;
|
/* border: 3px solid #000;
|
||||||
padding: 5px;
|
padding: 5px; */
|
||||||
}
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 629 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 422 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 600 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 406 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 545 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 547 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 595 KiB |
@@ -18,21 +18,6 @@ let CurrentJobsHero = () => {
|
|||||||
|
|
||||||
let [jobs, setJobs] = useState([])
|
let [jobs, setJobs] = useState([])
|
||||||
|
|
||||||
// constructor() {
|
|
||||||
// // debugger;
|
|
||||||
// super();
|
|
||||||
// this.state = { jobsDataResults: [] };
|
|
||||||
// }
|
|
||||||
|
|
||||||
// async componentDidMount(){
|
|
||||||
// // debugger;
|
|
||||||
// JobsData().then(res => {
|
|
||||||
// this.setState({jobsDataResults:res.data.result_list});
|
|
||||||
// }).catch(err => {
|
|
||||||
// console.log('startjoblist error', err)
|
|
||||||
// })
|
|
||||||
// }
|
|
||||||
|
|
||||||
function titleLen(title){
|
function titleLen(title){
|
||||||
let maxl = 45;
|
let maxl = 45;
|
||||||
title.replace('/', ' ');
|
title.replace('/', ' ');
|
||||||
@@ -44,24 +29,13 @@ let CurrentJobsHero = () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
useEffect(()=>{
|
useEffect(()=>{
|
||||||
if(socketMsgReceived.type == '' || socketMsgReceived.type == 'market'){
|
JobsData().then(res => {
|
||||||
JobsData().then(res => {
|
setJobs(res.data.result_list);
|
||||||
setJobs(res.data.result_list);
|
}).catch(err => {
|
||||||
}).catch(err => {
|
console.log('startjoblist error', err)
|
||||||
console.log('startjoblist error', err)
|
})
|
||||||
})
|
},[socketMsgReceived])
|
||||||
}
|
|
||||||
},[socketMsgReceived.type])
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// if ( this.state.jobsDataResults== undefined ){
|
|
||||||
// return null;
|
|
||||||
// }
|
|
||||||
|
|
||||||
// if (this.state.jobsDataResults.length == 0){
|
|
||||||
// return <></>;
|
|
||||||
// }
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{jobs.length < 1 ?
|
{jobs.length < 1 ?
|
||||||
@@ -110,7 +84,7 @@ let CurrentJobsHero = () => {
|
|||||||
{/*</div>*/}
|
{/*</div>*/}
|
||||||
<div className='lmoreTxt d-flex justify-content-between align-items-center'>
|
<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>
|
<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=''>
|
<a href={process.env.REACT_APP_DASH_URL_LOGIN} className=''>
|
||||||
Learn More <i className="fal fa-arrow-right" />
|
Learn More <i className="fal fa-arrow-right" />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
@@ -140,7 +114,7 @@ let CurrentJobsHero = () => {
|
|||||||
Find more opportunities at our marketplace.
|
Find more opportunities at our marketplace.
|
||||||
</a>
|
</a>
|
||||||
</h3>
|
</h3>
|
||||||
<a className='align-self-end' href="https://users.wrenchboard.com/login">
|
<a className='align-self-end' href="https://dashboard.wrenchboard.com/login">
|
||||||
Login now <i className="fal fa-arrow-right" />
|
Login now <i className="fal fa-arrow-right" />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -39,37 +39,44 @@ export default function FeaturedScreen() {
|
|||||||
<OwlCarousel id="screen_slider" {...screen_slider} className="owl-carousel owl-theme owl-loaded owl-drag">
|
<OwlCarousel id="screen_slider" {...screen_slider} className="owl-carousel owl-theme owl-loaded owl-drag">
|
||||||
<div className="item">
|
<div className="item">
|
||||||
<div className="screen_frame_img">
|
<div className="screen_frame_img">
|
||||||
<img src={localImgLoad('images/slider/slider_1.png')} alt="image" />
|
{/* <img src={localImgLoad('images/slider/slider_1.png')} alt="image" /> */}
|
||||||
|
<img src={localImgLoad('images/slider/app_sliders/screen_1.png')} alt="image" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="item">
|
<div className="item">
|
||||||
<div className="screen_frame_img">
|
<div className="screen_frame_img">
|
||||||
<img src={localImgLoad('images/slider/slider_2.png')} alt="image" />
|
{/* <img src={localImgLoad('images/slider/slider_2.png')} alt="image" /> */}
|
||||||
|
<img src={localImgLoad('images/slider/app_sliders/screen_2.png')} alt="image" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="item">
|
<div className="item">
|
||||||
<div className="screen_frame_img">
|
<div className="screen_frame_img">
|
||||||
<img src={localImgLoad('images/slider/slider_3.png')} alt="image" />
|
{/* <img src={localImgLoad('images/slider/slider_3.png')} alt="image" /> */}
|
||||||
|
<img src={localImgLoad('images/slider/app_sliders/screen_3.png')} alt="image" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="item">
|
<div className="item">
|
||||||
<div className="screen_frame_img">
|
<div className="screen_frame_img">
|
||||||
<img src={localImgLoad('images/slider/slider_4.png')} alt="image" />
|
{/* <img src={localImgLoad('images/slider/slider_4.png')} alt="image" /> */}
|
||||||
|
<img src={localImgLoad('images/slider/app_sliders/screen_6.png')} alt="image" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="item">
|
<div className="item">
|
||||||
<div className="screen_frame_img">
|
<div className="screen_frame_img">
|
||||||
<img src={localImgLoad('images/slider/slider_5.png')} alt="image" />
|
{/* <img src={localImgLoad('images/slider/slider_5.png')} alt="image" /> */}
|
||||||
|
<img src={localImgLoad('images/slider/app_sliders/screen_4.png')} alt="image" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="item">
|
<div className="item">
|
||||||
<div className="screen_frame_img">
|
<div className="screen_frame_img">
|
||||||
<img src={localImgLoad('images/slider/slider_6.png')} alt="image" />
|
{/* <img src={localImgLoad('images/slider/slider_7.png')} alt="image" /> */}
|
||||||
|
<img src={localImgLoad('images/slider/app_sliders/screen_7.png')} alt="image" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="item">
|
<div className="item">
|
||||||
<div className="screen_frame_img">
|
<div className="screen_frame_img">
|
||||||
<img src={localImgLoad('images/slider/slider_7.png')} alt="image" />
|
{/* <img src={localImgLoad('images/slider/slider_7.png')} alt="image" /> */}
|
||||||
|
<img src={localImgLoad('images/slider/app_sliders/screen_5.png')} alt="image" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</OwlCarousel>
|
</OwlCarousel>
|
||||||
|
|||||||
@@ -60,49 +60,50 @@ titleLen(title){
|
|||||||
<div className="row">
|
<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 options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
|
||||||
var postDt = new Date(i.expire).toLocaleDateString("en-US", options);
|
var postDt = new Date(i.expire).toLocaleDateString("en-US", options);
|
||||||
|
if(index < 24){
|
||||||
return (<div className="col-md-6 col-xl-3">
|
return (
|
||||||
<div
|
<div className="col-md-6 col-xl-3">
|
||||||
className="appie-single-service container-fluid mt-30 wow animated fadeInUp boxBorder d-flex align-items-center"
|
<div
|
||||||
data-wow-duration="3000ms"
|
className="appie-single-service container-fluid mt-30 wow animated fadeInUp boxBorder d-flex align-items-center"
|
||||||
data-wow-delay="200ms"
|
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">
|
<div className="content d-flex flex-column justify-content-between" style={{height: '200px', width: '100%'}}>
|
||||||
<h3 className="title">
|
<div className="titleBox">
|
||||||
<a href={dashUrl}>
|
<h3 className="title">
|
||||||
<span className='font_black'>{this.titleLen(i.title)} </span>
|
<a href={dashUrl}>
|
||||||
</a>
|
<span className='font_black'>{this.titleLen(i.title)} </span>
|
||||||
</h3>
|
</a>
|
||||||
</div>
|
</h3>
|
||||||
<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>
|
||||||
<div className='lmoreTxt d-flex justify-content-end align-items-center'>
|
<div className='p-0 container-fluid'>
|
||||||
<a href={dashUrl}>
|
<div><hr /></div>
|
||||||
Learn More <i className="fal fa-arrow-right" />
|
<div className="blog-meta">
|
||||||
</a>
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
)
|
||||||
</div>)
|
}
|
||||||
|
|
||||||
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user