+++ /dev/null
-import PropTypes from 'prop-types';
-import React from 'react';
-import { Container, Nav, Navbar } from 'react-bootstrap';
-import { LinkContainer } from 'react-router-bootstrap';
-import { useLocation } from 'react-router-dom';
-import { useTranslation } from 'react-i18next';
-
-import LanguageSwitcher from './LanguageSwitcher';
-import User from './User';
-import Icon from '../common/Icon';
-
-const Header = ({ doLogout }) => {
- const { pathname } = useLocation();
- const { t } = useTranslation();
-
- return <Navbar id="header" bg="dark" expand="md" variant="dark">
- <Container fluid>
- <LinkContainer to="/">
- <Navbar.Brand>
- ALttP
- </Navbar.Brand>
- </LinkContainer>
- <Navbar.Toggle aria-controls="header-nav" label={t('button.menu')}>
- <Icon.MENU title="" />
- </Navbar.Toggle>
- <Navbar.Collapse id="header-nav">
- <Nav activeKey={pathname}>
- <LinkContainer to="/tournaments/6">
- <Nav.Link href="/tournaments/6">
- ALttPR Weekly
- </Nav.Link>
- </LinkContainer>
- </Nav>
- <Nav activeKey={pathname} className="ms-auto">
- <LinkContainer to="/tech">
- <Nav.Link href="/tech">
- {t('menu.tech')}
- </Nav.Link>
- </LinkContainer>
- <LinkContainer to="/map/lw">
- <Nav.Link href="/map/lw">
- {t('menu.map')}
- </Nav.Link>
- </LinkContainer>
- </Nav>
- <div className="d-flex align-items-center">
- <Navbar.Text className="mx-2">
- <LanguageSwitcher />
- </Navbar.Text>
- <User doLogout={doLogout} />
- </div>
- </Navbar.Collapse>
- </Container>
- </Navbar>;
-};
-
-Header.propTypes = {
- doLogout: PropTypes.func,
-};
-
-export default Header;