1 import PropTypes from 'prop-types';
2 import React from 'react';
3 import { Container, Nav, Navbar } from 'react-bootstrap';
4 import { LinkContainer } from 'react-router-bootstrap';
5 import { useLocation } from 'react-router-dom';
6 import { useTranslation } from 'react-i18next';
8 import LanguageSwitcher from './LanguageSwitcher';
9 import User from './User';
10 import Icon from '../components/common/Icon';
12 const Header = ({ doLogout }) => {
13 const { pathname } = useLocation();
14 const { t } = useTranslation();
16 return <Navbar id="header" bg="dark" expand="md" variant="dark">
18 <LinkContainer to="/">
23 <Navbar.Toggle aria-controls="header-nav" label={t('button.menu')}>
24 <Icon.MENU title="" />
26 <Navbar.Collapse id="header-nav">
27 <Nav activeKey={pathname}>
28 <LinkContainer to="/tournaments/6">
29 <Nav.Link href="/tournaments/6">
34 <Nav activeKey={pathname} className="ms-auto">
35 <LinkContainer to="/tech">
36 <Nav.Link href="/tech">
40 <LinkContainer to="/map/lw">
41 <Nav.Link href="/map/lw">
46 <div className="d-flex align-items-center">
47 <Navbar.Text className="mx-2">
50 <User doLogout={doLogout} />
58 doLogout: PropTypes.func,
61 export default Header;