header1

src/components/Header/auth.js

@@ -4,15 +4,17 @@ import { Avatar } from 'antd';
 class Auth extends Component {
     render() {
         return (
-            <div className="auth">
+        <div className="auth">
+            <Link to="/auth" className="link">
+
                 <div className="avatar">
                     <Avatar icon="user" style={{ backgroundColor: '#1890ff' }}/>
                 </div>
                 <div>
-                    <Link to="/auth">Мой профиль</Link>
+                    Мой профиль
                 </div>    
-                     
-            </div>
+            </Link>    
+        </div>
         );
     }
 }

src/components/Header/logo.js

@@ -1,10 +1,11 @@
 import React, { Component } from 'react';
-import logo from '../../img/logoBazar.png'
+import logo from '../../img/logoBazar.png';
+import { Link } from "react-router-dom";
 class HeaderLogo extends Component {
     render() {
         return (
             <div className="logo">
-                <img src={logo} alt="Logo" />
+               <Link to="/logo"><img src={logo} alt="Logo"/></Link> 
             </div>
         );
     }

src/container/App.js

@@ -5,7 +5,7 @@ class App extends Component {
   render() {
     return (
       <div>
-        <Header/>
+        
       </div>
     );
   }

src/index.css

@@ -34,9 +34,16 @@ code {
 .auth{
   width: 20%;
   display: flex;
+  
   justify-content: center;
   align-items: center;
 }
 .avatar{
   padding: 0 10px;
+}
+.link{
+  display: flex;
+  
+  justify-content: center;
+  align-items: center;
 }

src/router.js

@@ -1,9 +1,13 @@
 import React from "react";
 import { Switch, Route } from "react-router-dom";
 import App from "./container/App";
-
+import Header from './components/Header'
 export default () => (
-	<Switch>
-		<Route path="/" exact component={App} />
-	</Switch>
+    <div>
+        <Header/>
+	        <Switch>
+                <Route path="/" exact component={App} />
+	        </Switch>
+    </div>
+           
 );