46 lines
1.6 KiB
JavaScript
46 lines
1.6 KiB
JavaScript
import React from 'react'
|
|
import Services from '../../api/service';
|
|
import Link from 'next/link'
|
|
|
|
const ServiceSidebar = (props) => {
|
|
|
|
const SubmitHandler = (e) => {
|
|
e.preventDefault()
|
|
}
|
|
|
|
const ClickHandler = () =>{
|
|
window.scrollTo(10, 0);
|
|
}
|
|
|
|
return (
|
|
<div className="col-lg-4 col-md-8">
|
|
<div className="blog-sidebar">
|
|
<div className="widget search-widget">
|
|
<h3>Search Here</h3>
|
|
<form onSubmit={SubmitHandler}>
|
|
<div>
|
|
<input type="text" className="form-control" placeholder="Search Post.."/>
|
|
<button type="submit"><i className="ti-search"></i></button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div className="widget category-widget">
|
|
<h3>All Services</h3>
|
|
<ul>
|
|
{Services.slice(0,5).map((service, Sitem) => (
|
|
<li key={Sitem}><Link onClick={ClickHandler} href={'/service-single/[slug]'} as={`/service-single/${service.slug}`}>{service.sTitle}</Link></li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
<div className="wpo-contact-widget widget">
|
|
<div className="wpo-contact-widget-inner">
|
|
<h2><Link onClick={ClickHandler} href="/contact">Contact For Advertisment 270 x 310</Link></h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
)
|
|
}
|
|
|
|
export default ServiceSidebar; |