48 lines
1.5 KiB
JavaScript
48 lines
1.5 KiB
JavaScript
|
|
import styles from './style.module.scss';
|
|
import logo from '../../img/headerImg/header.png';
|
|
import google from '../../img/headerImg/google.png';
|
|
|
|
import icon from '../../img/headerImg/Icon.png';
|
|
import Menu from '../Menu'
|
|
import { useNavigate } from "react-router-dom";
|
|
|
|
|
|
import { useState } from 'react';
|
|
|
|
const Header = () => {
|
|
const navigate = useNavigate();
|
|
const handleHome = () => {
|
|
navigate('/');
|
|
}
|
|
const isAuth = useState(true)[0];
|
|
console.log(isAuth)
|
|
|
|
|
|
return (
|
|
<>
|
|
{(isAuth ? (
|
|
<div className={styles.header__container}>
|
|
<header className={styles.header}>
|
|
<div className={styles.header__logo} onClick={handleHome} ><img onClick={handleHome} src={logo} alt="logo"></img></div>
|
|
<div className={styles.header_img_container}> <img className={styles.header_img} src={icon}></img> <Menu></Menu></div>
|
|
</header>
|
|
</div>
|
|
) :
|
|
(
|
|
<div className={styles.header__container}>
|
|
<header className={styles.header}>
|
|
<div className={styles.header__logo} onClick={handleHome} ><img onClick={handleHome} src={logo} alt="logo"></img></div>
|
|
<button className={styles.header__button}>ВХОД <img className={styles.header__button_img} src={google}></img></button>
|
|
</header>
|
|
</div>
|
|
))
|
|
}
|
|
|
|
|
|
</>
|
|
|
|
)
|
|
|
|
}
|
|
export default Header; |