fdddd

src/Components/Header/index.jsx

@@ -1,21 +1,45 @@
 
 import styles from './style.module.scss';
-import logo from '../../img/headerImg/OgettoLogo.png';
+import logo from '../../img/headerImg/header.png';
+import google from '../../img/headerImg/google.png';
+import avatar from '../../img/headerImg/avatar.png';
+import icon from '../../img/headerImg/Icon.png';
 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 (
-        <div className={styles.header__container}>
+        <>
+            {(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>
-                <button className={styles.header__button}>ВХОД</button>
+                <div className={styles.header_img_container}>  <img className={styles.header_img} src={icon}></img> <img className={styles.header_img} src={avatar}></img></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>
+        ))
+            }
+       
+
+        </>
+        
     )
 
 }