88 lines
2.4 KiB
JavaScript
88 lines
2.4 KiB
JavaScript
import React, { useState } from "react";
|
|
import { Link } from "react-router-dom";
|
|
|
|
import arrow from "assets/icons/sideBarArrow.svg";
|
|
import ITguild from "assets/images/logo/ITguild.svg";
|
|
|
|
import "./sidebar.scss";
|
|
|
|
export const SideBar = () => {
|
|
const [active, setActive] = useState(false);
|
|
|
|
const toggleBar = () => {
|
|
if (active) {
|
|
setActive(false);
|
|
} else {
|
|
setActive(true);
|
|
}
|
|
};
|
|
|
|
return (
|
|
<div className="auth-menu">
|
|
<div className="auth-title">
|
|
<div className="text">
|
|
<div className="burger" onClick={() => toggleBar()}>
|
|
<div
|
|
className={active ? "burger__line l1 change" : "burger__line"}
|
|
></div>
|
|
<div
|
|
className={active ? "burger__line l2 change" : "burger__line"}
|
|
></div>
|
|
<div
|
|
className={active ? "burger__line l3 change" : "burger__line"}
|
|
></div>
|
|
</div>
|
|
|
|
<h3>МЕНЮ</h3>
|
|
</div>
|
|
<p className="outstaffing">
|
|
<img src={arrow}></img>
|
|
{new Date().getFullYear()} © Outstaffing
|
|
</p>
|
|
</div>
|
|
|
|
<div className={active ? "auth-body active" : "auth-body"}>
|
|
<div className="auth-body__title">
|
|
<img src={ITguild}></img>
|
|
</div>
|
|
<ul className="auth-body__navigation">
|
|
<li>
|
|
<Link to={"/auth"}>Вход для партнеров</Link>
|
|
</li>
|
|
<li>
|
|
<Link to={"/auth"}>Кабинет разработчика</Link>
|
|
</li>
|
|
<li>
|
|
<Link to={"/tracker-intro"}>Трекер</Link>
|
|
</li>
|
|
<li>
|
|
<Link to={"/Quiz"}>Тесты</Link>
|
|
</li>
|
|
<li>
|
|
<a href="#">Школа</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Отрасли</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Контакты</a>
|
|
</li>
|
|
<li>
|
|
<Link to={"/blog"}>Блог</Link>
|
|
</li>
|
|
<li>
|
|
<Link to={"/frequently-asked-questions"}>FAQ</Link>
|
|
</li>
|
|
</ul>
|
|
<p className="auth-body__politic">Политика конфиденциальности</p>
|
|
{/*<div className="auth-body__contacts">*/}
|
|
{/* <h4>+7 812 363 17 87</h4>*/}
|
|
{/* <p>Перезвонить Вам?</p>*/}
|
|
{/*</div>*/}
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default SideBar;
|