X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Fcommon%2FHeader.js;h=b1040f80bc5b187ea1fd538ff2f14558c511ce18;hb=1326baff1f13e252d9c60cae03680f70a87a17e9;hp=d5b4f6cc3dd2cb6eeb0ebb379fb9c2f9e02058a3;hpb=f642f1eda2a68ad5e09b71ccdae1499bc9d31e4f;p=alttp.git

diff --git a/resources/js/components/common/Header.js b/resources/js/components/common/Header.js
index d5b4f6c..b1040f8 100644
--- 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}`}>