From deb1bb57ae0d5c0766632d7255de4e478cbd4bb0 Mon Sep 17 00:00:00 2001
From: lonkaars <l.leblansch@gmail.com>
Date: Fri, 26 Mar 2021 20:56:54 +0100
Subject: navbar component + layout variables

---
 components/navbar.tsx     | 27 +++++++++++++++++++++++++++
 components/navbarItem.tsx | 14 --------------
 2 files changed, 27 insertions(+), 14 deletions(-)
 create mode 100644 components/navbar.tsx
 delete mode 100644 components/navbarItem.tsx

(limited to 'components')

diff --git a/components/navbar.tsx b/components/navbar.tsx
new file mode 100644
index 0000000..bdadfbc
--- /dev/null
+++ b/components/navbar.tsx
@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+
+import HomeRoundedIcon from '@material-ui/icons/HomeRounded';
+import SearchRoundedIcon from '@material-ui/icons/SearchRounded';
+
+function NavbarItem(props: {
+	icon?: ReactNode;
+	title: string;
+	href: string;
+	active: boolean;
+}) {
+	return <a href={props.href} className={ "navbarItem" + (props.active ? " active" : "") }>
+		<div>
+			{props.icon}
+			<span>{props.title}</span>
+		</div>
+	</a>
+}
+
+export default function Navbar(props: {
+	page?: string;
+}) {
+	return <div>
+		<NavbarItem active={props.page == "home"} icon={<HomeRoundedIcon/>} title="Home" href="/"/>
+		<NavbarItem active={props.page == "search"} icon={<SearchRoundedIcon/>} title="Search for posts" href="/search"/>
+	</div>
+}
diff --git a/components/navbarItem.tsx b/components/navbarItem.tsx
deleted file mode 100644
index b724444..0000000
--- a/components/navbarItem.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-
-export default function NavbarItem(props: {
-	icon?: ReactNode;
-	title: string;
-	href: string;
-}) {
-	return <a href={props.href} className="navbarItem">
-		<div>
-			{props.icon}
-			<span>{props.title}</span>
-		</div>
-	</a>
-}
-- 
cgit v1.2.3