import React, {Component} from 'react'
|
|
import avatar from '@/assets/img/avatar.jpg'
|
import MainLogo from '@/assets/img/main-logo.png'
|
import './index.scss'
|
|
class MenuHeader extends Component {
|
state = {
|
avatar: sessionStorage.getItem('CloudAvatar') || avatar,
|
userName: sessionStorage.getItem('CloudUserName'),
|
logo: sessionStorage.getItem('CloudLogo') || MainLogo
|
}
|
|
render () {
|
const { menuName } = this.props
|
const { logo } = this.state
|
|
return (
|
<header className="menu-header-container">
|
<div className="header-logo"><img src={logo} alt=""/></div>
|
<div className="menu-name">{menuName}</div>
|
<div className="header-setting">
|
<img src={this.state.avatar} alt=""/>
|
<span>
|
<span className="username">{this.state.userName}</span>
|
</span>
|
</div>
|
</header>
|
)
|
}
|
}
|
|
export default MenuHeader
|
