2021-11-11 13:40:44 +03:00

51 lines
1.3 KiB
JavaScript

import React from "react";
import Link from "next/link";
export default class Header extends React.Component
{
constructor(props)
{
super(props);
}
render()
{
console.log("Header", "this.props", this.props);
return (
<header>
<div className="container">
<a href="/" className="logo">
<img src="/assets/images/logo.svg" alt="" width="217px" height="32px" />
</a>
<div className="header_menu">
<nav>
<ul>
<li>
<Link href="/">
<a className={ this.props.router && this.props.router.route === "/" ? "active" : "" }>Договоры</a>
</Link>
</li>
<li>
<Link href="/documents/schedule/">
<a className={ this.props.router && this.props.router.route.indexOf("/documents/") === 0 ? "active" : "" }>Взаиморасчеты и закрывающие документы</a>
</Link>
</li>
<li>
<Link href="/settings/">
<a className={ this.props.router && this.props.router.route === "/settings" ? "active" : "" }>Настройки</a>
</Link>
</li>
<li>
<Link href={ process.env.NEXT_PUBLIC_MAIN_SITE }>
<a>Основной сайт</a>
</Link>
</li>
</ul>
</nav>
<a href="tel:88003337575">8 800 333 75 75</a>
</div>
</div>
</header>
)
}
}