F_A_8_Exchange_app/src/components/Header/Myprofile.js

import React, { Component } from 'react';
import { Link } from "react-router-dom";
import { Avatar } from 'antd';

class Myprofile extends Component {

    render() {

        const { name, getUser, id } =this.props
        let localS = JSON.parse(localStorage.getItem("login"));
       let data;

       if (!name && !getUser.name || localS===null){

       data = <div className="header__auth">
                <Link to="/auth" className="link">
                    <div className="header__auth__container">
                        <div className="avatar">
                            <Avatar icon="user" style={{ backgroundColor: '#1890ff' }}/>
                        </div>
                        <div>
                             Мой профиль
                        </div>
                    
                    </div>    
           </Link>
           </div>   
       }
        else{
            
            data = <div className="header__auth">
                    <Link to={`/user/id:${getUser.id || id }`} className="link">
                        <div className="header__auth__container">
                            <div className="avatar">
                                <Avatar icon="user" style={{ backgroundColor: '#1890ff' }}/>
                            </div>
                        <div>
                            {name || getUser.name }
                        </div>
                    
                        </div>    
                    </Link> 
                   </div>  

        }
        
       
        return (


        <div className="header__auth">
           {data}
        </div>

        );
    }
}

export default Myprofile;