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 6bab1a240fad9aa41008c21f0d215f26b70d208b..b1040f80bc5b187ea1fd538ff2f14558c511ce18 100644 (file)
--- a/resources/js/components/common/Header.js
+++ b/resources/js/components/common/Header.js
@@ -5,6 +5,7 @@ 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';
@@ -17,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}`}>