Add communities to navbar header

Alf-Melmac · Sep 20, 2023 · dd3a967 · dd3a967
1 parent b0b178b
commit dd3a967
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/src/assets/locales/de/translation.json b/src/assets/locales/de/translation.json
@@ -111,6 +111,7 @@
   "moreDetails": "Weitere Details",
   "name": "Name",
   "nav.calendar": "Kalender",
+  "nav.guilds": "Communities",
   "nav.login": "Login",
   "navigation.backToCalendar": "Zurück zum Kalender",
   "no": "no",

diff --git a/src/assets/locales/en/translation.json b/src/assets/locales/en/translation.json
@@ -111,6 +111,7 @@
   "moreDetails": "More details",
   "name": "Name",
   "nav.calendar": "Calendar",
+  "nav.guilds": "Communities",
   "nav.login": "Login",
   "navigation.backToCalendar": "Back to calendar",
   "no": "No",

diff --git a/src/components/nav/Nav.tsx b/src/components/nav/Nav.tsx
@@ -1,6 +1,6 @@
 import {AppShell, Box, Container, createStyles, Footer, Group, Header, MediaQuery} from "@mantine/core";
 import {Logo} from '../logo/Logo';
-import {faArrowRightToBracket, faCalendarDay} from '@fortawesome/free-solid-svg-icons';
+import {faArrowRightToBracket, faCalendarDay, faUsers} from '@fortawesome/free-solid-svg-icons';
 import {NavIconAction, NavIconLink} from './NavIcon';
 import {ThemeSwitch} from '../ThemeSwitch';
 import {UserMenu} from './UserMenu';
@@ -49,7 +49,11 @@ export function Nav(props: PropsWithChildren<NavProps>): JSX.Element {
 					<Container className={classes.inner}>
 						<Logo/>
 						<Box styles={{alignSelf: "flex-end"}}>
-							<Group noWrap>
+							<Group noWrap spacing={'xs'}>
+								<MediaQuery smallerThan={'xs'} styles={hidden}>
+									<NavIconLink link={'/guilds'} text={'nav.guilds'} icon={faUsers}
+												 width={130}/>
+								</MediaQuery>
 								<MediaQuery smallerThan={'xs'} styles={hidden}>
 									<NavIconLink link={'/events'} text={'nav.calendar'} icon={faCalendarDay}
 												 width={110}/>