apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

New AuthHeader

Browse Source
This commit is contained in:
Никита Губарь
2024-05-07 15:31:21 +03:00
parent e9497902eb
commit 65b716fa27
4 changed files with 111 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
src/components/Common/AuthHeader/AuthHeader.jsx
View File

@ -1,51 +1,39 @@
import React from "react";
import { NavLink } from "react-router-dom";
import { scrollToForm } from "@utils/helper";
import userIcon from "assets/icons/userIcon.svg";
import { Link, NavLink } from "react-router-dom";
import "./authHeader.scss";
export const AuthHeader = () => {
return (
<div className="auth-header">
<div className="auth-header__logo">
<h3>
itguild.<span>аутстаффинг IT-специалистов</span>
</h3>
</div>
<div className="auth-header__navigation">
<div className="container">
<div className="auth-nav">
<ul>
<li>
<NavLink to={"/auth"}>
<span>Главная</span>
</NavLink>
</li>
{/*<li>*/}
{/* <NavLink to={"/profile"}>Кабинет разработчика</NavLink>*/}
{/*</li>*/}
<li>
<NavLink to={"/tracker-intro"}>Трекер</NavLink>
</li>
<li>
<NavLink to={"/auth-candidate"} className="candidate">
<span>Войти в команду</span>
</NavLink>
</li>
</ul>
<a
onClick={(e) => {
e.preventDefault();
scrollToForm();
}}
>
<img src={userIcon}></img>
</a>
</div>
<h3 className="auth__logo">IT GUILD</h3>
<div className="auth-nav">
<ul>
<li>
<NavLink to={"/auth"}>кейсы</NavLink>
</li>
<li>
<NavLink to={"/stack"}>стек</NavLink>
</li>
<li>
<NavLink to={"/tracker-intro"}>как это работает</NavLink>
</li>
<li>
<NavLink to={"/auth-candidate"}>отзывы</NavLink>
</li>
<li>
<NavLink to={"/profile"}>наши продукты</NavLink>
</li>
</ul>
</div>
<div className="auth__buttons">
<button className="signIn">
<Link to="/auth">войти</Link>
</button>
<button className="signUp">
<Link to="/auth">регистрация</Link>
</button>
</div>
</div>
</div>