add language switcher

[alttp.git] / resources / js / components / common / Header.js

diff --git a/resources/js/components/common/Header.js b/resources/js/components/common/Header.js
index d5b4f6cc3dd2cb6eeb0ebb379fb9c2f9e02058a3..b1040f80bc5b187ea1fd538ff2f14558c511ce18 100644 (file)
--- a/resources/js/components/common/Header.js
+++ b/resources/js/components/common/Header.js
@@ -5,11 +5,11 @@ import { LinkContainer } from 'react-router-bootstrap';
 import { withTranslation } from 'react-i18next';
 
 import Icon from './Icon';
+import LanguageSwitcher from './LanguageSwitcher';
+import { getAvatarUrl } from '../../helpers/User';
 import { withUser } from '../../helpers/UserContext';
 import i18n from '../../i18n';
 
-const getAvatarUrl = user => `//cdn.discordapp.com/avatars/${user.id}/${user.avatar}.png`;
-
 const Header = ({ doLogout, user }) =>
        <Navbar id="header" bg="dark" variant="dark">
                <Container fluid>
@@ -18,7 +18,10 @@ const Header = ({ doLogout, user }) =>
                                        ALttP
                                </Navbar.Brand>
                        </LinkContainer>
-                       <Nav className="ms-auto">
+                       <Navbar.Text className="ms-auto me-2">
+                               <LanguageSwitcher />
+                       </Navbar.Text>
+                       <Nav>
                                {user ?
                                        <>
                                                <LinkContainer to={`/users/${user.id}`}>