mirror of
https://github.com/oceanprotocol/commons.git
synced 2023-03-15 18:03:00 +01:00
30 lines
1.0 KiB
TypeScript
30 lines
1.0 KiB
TypeScript
|
import React, { PureComponent } from 'react'
|
||
|
|
import { NavLink } from 'react-router-dom'
|
||
|
|
import { ReactComponent as Logo } from '@oceanprotocol/art/logo/logo.svg'
|
||
|
|
import { User } from '../../context'
|
||
|
|
import AccountStatus from '../molecules/AccountStatus'
|
||
|
|
import styles from './Header.module.scss'
|
||
|
|
|
||
|
|
import meta from '../../data/meta.json'
|
||
|
|
|
||
|
|
export default class Header extends PureComponent {
|
||
|
|
public render() {
|
||
|
|
return (
|
||
|
|
<header className={styles.header}>
|
||
|
|
<div className={styles.headerContent}>
|
||
|
|
<NavLink to={'/'} className={styles.headerLogo}>
|
||
|
|
<Logo className={styles.headerLogoImage} />
|
||
|
|
<h1 className={styles.headerTitle}>{meta.title}</h1>
|
||
|
|
</NavLink>
|
||
|
|
|
||
|
|
<nav className={styles.headerMenu}>
|
||
|
|
<AccountStatus className={styles.accountStatus} />
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
Header.contextType = User
|