From 39dd28a60cb5404fe471cb169c6d4a9c44e8e9ab Mon Sep 17 00:00:00 2001
From: lonkaars <l.leblansch@gmail.com>
Date: Fri, 23 Apr 2021 12:37:56 +0200
Subject: added 404 and maintenance pages

---
 components/navbar.tsx | 77 +++++++++++++++++++++++++++------------------------
 1 file changed, 41 insertions(+), 36 deletions(-)

(limited to 'components')

diff --git a/components/navbar.tsx b/components/navbar.tsx
index 5ce43bb..f7d2491 100644
--- a/components/navbar.tsx
+++ b/components/navbar.tsx
@@ -15,7 +15,9 @@ import SearchIcon from '@material-ui/icons/Search';
 import SettingsIcon from '@material-ui/icons/Settings';
 import VideogameAssetIcon from '@material-ui/icons/VideogameAsset';
 
-export function NavBar() {
+export function NavBar(props: {
+	nolinks?: boolean;
+}) {
 	var [loggedIn, setLoggedIn] = useState(false);
 	var [gotData, setGotData] = useState(false);
 
@@ -58,42 +60,45 @@ export function NavBar() {
 		<div className='item'>
 			<Logo />
 		</div>
-		<a href='/' className='item'>
-			<Home />
-		</a>
-		<a href='/game' className='item'>
-			<VideogameAssetIcon />
-		</a>
-		{false && <a href='/' className='item'>
-			<ExtensionIcon />
-		</a>}
-		<a href='/search' className='item'>
-			<SearchIcon />
-		</a>
+		{!props.nolinks
+			&& <>
+				<a href='/' className='item'>
+					<Home />
+				</a>
+				<a href='/game' className='item'>
+					<VideogameAssetIcon />
+				</a>
+				{false && <a href='/' className='item'>
+					<ExtensionIcon />
+				</a>}
+				<a href='/search' className='item'>
+					<SearchIcon />
+				</a>
 
-		<div className='bg-800 bottomArea'>
-			{loggedIn && <a className='notifications item posrel'>
-				<div
-					className='iconWrapper'
-					onClick={() => setNotificationsAreaVisible(!notificationsAreaVisible)}
-				>
-					<NotificationsIcon />
-					{gotNotifications && <div className='notificationDot posabs' />}
+				<div className='bg-800 bottomArea'>
+					{loggedIn && <a className='notifications item posrel'>
+						<div
+							className='iconWrapper'
+							onClick={() => setNotificationsAreaVisible(!notificationsAreaVisible)}
+						>
+							<NotificationsIcon />
+							{gotNotifications && <div className='notificationDot posabs' />}
+						</div>
+						<NotificationsArea
+							visible={notificationsAreaVisible}
+							friendRequests={friendRequests}
+							rerender={getNotifications}
+						/>
+					</a>}
+					<a href={loggedIn ? '/user' : '/login'} className='item'>
+						{loggedIn
+							? <AccountAvatar size={24} round />
+							: <PersonIcon />}
+					</a>
+					{loggedIn && <a href='/settings' className='item'>
+						<SettingsIcon />
+					</a>}
 				</div>
-				<NotificationsArea
-					visible={notificationsAreaVisible}
-					friendRequests={friendRequests}
-					rerender={getNotifications}
-				/>
-			</a>}
-			<a href={loggedIn ? '/user' : '/login'} className='item'>
-				{loggedIn
-					? <AccountAvatar size={24} round />
-					: <PersonIcon />}
-			</a>
-			{loggedIn && <a href='/settings' className='item'>
-				<SettingsIcon />
-			</a>}
-		</div>
+			</>}
 	</div>;
 }
-- 
cgit v1.2.3