Fix links
This commit is contained in:
dev-chiefworks
@@ -1,8 +1,12 @@
|
|||||||
import React, { useState } from 'react';
|
import React, { useState } from 'react';
|
||||||
import { Link } from 'react-router-dom';
|
import { Link } from 'react-router-dom';
|
||||||
import logo from '../../assets/images/logo.png';
|
import logo from '../../assets/images/wrenchboard.png';
|
||||||
|
import getConfig from './../../Config/config'
|
||||||
|
|
||||||
|
|
||||||
function Drawer({ drawer, action }) {
|
function Drawer({ drawer, action }) {
|
||||||
|
var site = getConfig()[0];
|
||||||
|
|
||||||
const [itemSize, setSize] = useState('0px');
|
const [itemSize, setSize] = useState('0px');
|
||||||
const [item, setItem] = useState('home');
|
const [item, setItem] = useState('home');
|
||||||
const handler = (e, value) => {
|
const handler = (e, value) => {
|
||||||
@@ -30,7 +34,7 @@ function Drawer({ drawer, action }) {
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div className="offcanvas-brand text-center mb-40">
|
<div className="offcanvas-brand text-center mb-40">
|
||||||
<img src={logo} alt="" />
|
<img src={logo} alt="WrechBoard" />
|
||||||
</div>
|
</div>
|
||||||
<div id="menu" className="text-left ">
|
<div id="menu" className="text-left ">
|
||||||
<ul className="offcanvas_main_menu">
|
<ul className="offcanvas_main_menu">
|
||||||
@@ -39,21 +43,9 @@ function Drawer({ drawer, action }) {
|
|||||||
id="home"
|
id="home"
|
||||||
className="menu-item-has-children active"
|
className="menu-item-has-children active"
|
||||||
>
|
>
|
||||||
<span className="menu-expand">
|
|
||||||
<i className="fa fa-angle-down"></i>
|
<a href="/">Home</a>
|
||||||
</span>
|
|
||||||
<a href="#">Home</a>
|
|
||||||
<ul
|
|
||||||
className="sub-menu"
|
|
||||||
style={{
|
|
||||||
height: item === 'home' ? itemSize : '0px',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<li>
|
|
||||||
<Link to="/">Home 1</Link>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</li>
|
</li>
|
||||||
<li
|
<li
|
||||||
onClick={(e) => handler(e, 'service')}
|
onClick={(e) => handler(e, 'service')}
|
||||||
@@ -62,53 +54,12 @@ function Drawer({ drawer, action }) {
|
|||||||
>
|
>
|
||||||
<Link to="/service">Service</Link>
|
<Link to="/service">Service</Link>
|
||||||
</li>
|
</li>
|
||||||
<li
|
<li>
|
||||||
onClick={(e) => handler(e, 'pages')}
|
|
||||||
id="pages"
|
|
||||||
className="menu-item-has-children active"
|
|
||||||
>
|
|
||||||
<span className="menu-expand">
|
|
||||||
<i className="fa fa-angle-down"></i>
|
|
||||||
</span>
|
|
||||||
<a href="#">Pages</a>
|
|
||||||
<ul
|
|
||||||
className="sub-menu"
|
|
||||||
style={{
|
|
||||||
height: item === 'pages' ? itemSize : '0px',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<li>
|
|
||||||
<Link to="/about-us">About Us</Link>
|
<Link to="/about-us">About Us</Link>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>
|
|
||||||
<Link to="/error">Error</Link>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li
|
|
||||||
onClick={(e) => handler(e, 'news')}
|
|
||||||
id="news"
|
|
||||||
className="menu-item-has-children active"
|
|
||||||
>
|
|
||||||
<span className="menu-expand">
|
|
||||||
<i className="fa fa-angle-down"></i>
|
|
||||||
</span>
|
|
||||||
<a href="#">News</a>
|
|
||||||
<ul
|
|
||||||
className="sub-menu"
|
|
||||||
style={{
|
|
||||||
height: item === 'news' ? itemSize : '0px',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<li>
|
|
||||||
<Link to="/news">news page</Link>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<Link to="/news/single-news">Single News</Link>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li
|
<li
|
||||||
onClick={(e) => handler(e, 'contact')}
|
onClick={(e) => handler(e, 'contact')}
|
||||||
id="contact"
|
id="contact"
|
||||||
@@ -121,25 +72,16 @@ function Drawer({ drawer, action }) {
|
|||||||
<div className="offcanvas-social">
|
<div className="offcanvas-social">
|
||||||
<ul className="text-center">
|
<ul className="text-center">
|
||||||
<li>
|
<li>
|
||||||
<a href="$">
|
<a href={site.facebook_link} >
|
||||||
<i className="fab fa-facebook-f"></i>
|
<i className="fab fa-facebook-f"></i>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="$">
|
<a href={site.twitter_link}>
|
||||||
<i className="fab fa-twitter"></i>
|
<i className="fab fa-twitter"></i>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
|
||||||
<a href="$">
|
|
||||||
<i className="fab fa-instagram"></i>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="$">
|
|
||||||
<i className="fab fa-dribbble"></i>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div className="footer-widget-info">
|
<div className="footer-widget-info">
|
||||||
@@ -147,18 +89,18 @@ function Drawer({ drawer, action }) {
|
|||||||
<li>
|
<li>
|
||||||
<a href="#">
|
<a href="#">
|
||||||
<i className="fal fa-envelope"></i>{' '}
|
<i className="fal fa-envelope"></i>{' '}
|
||||||
support@appie.com
|
{site.support_email}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="#">
|
<a href="#">
|
||||||
<i className="fal fa-phone"></i> +(642) 342 762 44
|
<i className="fal fa-phone"></i> {site.support_phone}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="#">
|
<a href="#">
|
||||||
<i className="fal fa-map-marker-alt"></i> 442 Belle
|
<i className="fal fa-map-marker-alt"></i>
|
||||||
Terre St Floor 7, San Francisco, AV 4206
|
{site.support_us_address}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
@@ -173,3 +115,4 @@ function Drawer({ drawer, action }) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export default Drawer;
|
export default Drawer;
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user