- <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>
- <Navbar.Text className="mx-2">
- <LanguageSwitcher />
- </Navbar.Text>
- <Nav>
- {user ?
- <>
- <LinkContainer to={`/users/${user.id}`}>
- <Nav.Link>
- <img alt="" src={getAvatarUrl(user)} />
- {user.username}
- {user.discriminator && user.discriminator !== '0' ?
- <span className="text-muted">#{user.discriminator}</span>
- : null}
- </Nav.Link>
- </LinkContainer>
- <Button
- onClick={doLogout}
- title={t('button.logout')}
- variant="outline-secondary"
- >
- <Icon.LOGOUT title="" />
- </Button>
- </>
- :
- <Button
- href="/login"
- onClick={() => {
- if (location.pathname.length > 1) {
- localStorage.setItem('returnPath', location.pathname.substr(1));
- }
- }}
- variant="discord"
- >
- <Icon.DISCORD />
- {' '}
- {t('button.login')}
- </Button>
- }
- </Nav>
+ <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>