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'
|
||||
|
||||
#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
|
||||
joinRoom('full-markets-jobs')
|
||||
console.log('market room joined')
|
||||
},[])
|
||||
|
||||
return (
|
||||
|
||||
@@ -25,7 +25,6 @@ export default function SocketIOContextProvider({children}) {
|
||||
useEffect(() => {
|
||||
socket.on("received_refreshmarket_jobs", (data) => {
|
||||
setSocketMsgReceived({type: 'market', msg: data?.message});
|
||||
console.log('YES ssss')
|
||||
});
|
||||
}, [socket]);
|
||||
|
||||
|
||||
@@ -8381,7 +8381,7 @@ blockquote cite {
|
||||
/* interface images */
|
||||
.interface_section .owl-item .screen_frame_img img {
|
||||
transform: scale(.9);
|
||||
border: 2px solid #000;
|
||||
/* border: 2px solid #000; */
|
||||
border-radius: 20px;
|
||||
transition: 1s all;
|
||||
margin: 0 auto;
|
||||
@@ -8391,6 +8391,6 @@ blockquote cite {
|
||||
|
||||
.interface_section .owl-item.center .screen_frame_img img {
|
||||
transform: scale(1);
|
||||
border: 3px solid #000;
|
||||
padding: 5px;
|
||||
/* border: 3px solid #000;
|
||||
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([])
|
||||
|
||||
// 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){
|
||||
let maxl = 45;
|
||||
title.replace('/', ' ');
|
||||
@@ -44,24 +29,13 @@ let CurrentJobsHero = () => {
|
||||
}
|
||||
|
||||
useEffect(()=>{
|
||||
if(socketMsgReceived.type == '' || socketMsgReceived.type == 'market'){
|
||||
JobsData().then(res => {
|
||||
setJobs(res.data.result_list);
|
||||
}).catch(err => {
|
||||
console.log('startjoblist error', err)
|
||||
})
|
||||
}
|
||||
},[socketMsgReceived.type])
|
||||
JobsData().then(res => {
|
||||
setJobs(res.data.result_list);
|
||||
}).catch(err => {
|
||||
console.log('startjoblist error', err)
|
||||
})
|
||||
},[socketMsgReceived])
|
||||
|
||||
|
||||
|
||||
// if ( this.state.jobsDataResults== undefined ){
|
||||
// return null;
|
||||
// }
|
||||
|
||||
// if (this.state.jobsDataResults.length == 0){
|
||||
// return <></>;
|
||||
// }
|
||||
return (
|
||||
<>
|
||||
{jobs.length < 1 ?
|
||||
@@ -110,7 +84,7 @@ let CurrentJobsHero = () => {
|
||||
{/*</div>*/}
|
||||
<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=''>
|
||||
<a href={process.env.REACT_APP_DASH_URL_LOGIN} className=''>
|
||||
Learn More <i className="fal fa-arrow-right" />
|
||||
</a>
|
||||
</div>
|
||||
@@ -140,7 +114,7 @@ let CurrentJobsHero = () => {
|
||||
Find more opportunities at our marketplace.
|
||||
</a>
|
||||
</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" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -39,37 +39,44 @@ export default function FeaturedScreen() {
|
||||
<OwlCarousel id="screen_slider" {...screen_slider} className="owl-carousel owl-theme owl-loaded owl-drag">
|
||||
<div className="item">
|
||||
<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 className="item">
|
||||
<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 className="item">
|
||||
<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 className="item">
|
||||
<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 className="item">
|
||||
<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 className="item">
|
||||
<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 className="item">
|
||||
<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>
|
||||
</OwlCarousel>
|
||||
|
||||
@@ -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>)
|
||||
|
||||
)
|
||||
}
|
||||
|
||||
})
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user