| 1 |
import React from 'react' |
| 2 |
import icons from '../../src/assets/icons' |
| 3 |
import Container from './Container' |
| 4 |
import MobileMenu from './MobileMenu' |
| 5 |
import Navs from './Navs' |
| 6 |
|
| 7 |
const { __ } = wp.i18n |
| 8 |
|
| 9 |
const Header = ({current, activeNavHandler}) => { |
| 10 |
return ( |
| 11 |
<header> |
| 12 |
<Container> |
| 13 |
<div className="navigation-wrapper"> |
| 14 |
<div className="plugin-logo" onClick={() => activeNavHandler(0)}> |
| 15 |
{/* <img src={blockspare_dashboard.logo} alt="Blockdpare Logo" /> */} |
| 16 |
</div> |
| 17 |
<Navs activeNavHandler={activeNavHandler} current={current} /> |
| 18 |
{/* <div className="bs-dashboare-menu-desktop"> |
| 19 |
<Navs activeNavHandler={activeNavHandler} current={current} /> |
| 20 |
</div> */} |
| 21 |
<div className="bs-dashboard-upgrade-button links-panel"> |
| 22 |
<a className="bs-dashboard__button bs-upgrade-button" href='https://www.blockspare.com/pricing/' target='_blank'> |
| 23 |
{icons.diamond} |
| 24 |
{__('Unlock All Templates', 'blockspare')} |
| 25 |
</a> |
| 26 |
</div> |
| 27 |
{/* <div className="bs-dashboare-menu-mobile"> |
| 28 |
<MobileMenu activeNavHandler={activeNavHandler} current={current} /> |
| 29 |
</div> */} |
| 30 |
</div> |
| 31 |
</Container> |
| 32 |
</header> |
| 33 |
) |
| 34 |
} |
| 35 |
|
| 36 |
export default Header |
| 37 |
|