From fa41c1e6beefd28da6050eb431d2f89d32a0fa39 Mon Sep 17 00:00:00 2001
From: lonkaars <l.leblansch@gmail.com>
Date: Tue, 5 Jan 2021 20:59:42 +0100
Subject: instellingen pagina beginsels

---
 src/components/navbar.tsx |  2 +-
 src/pages/home.tsx        |  3 +--
 src/pages/settings.tsx    | 25 +++++++++++++++++++++++++
 src/routes.tsx            |  6 +++---
 4 files changed, 30 insertions(+), 6 deletions(-)
 create mode 100644 src/pages/settings.tsx

(limited to 'src')

diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
index 904e64a..141119f 100644
--- a/src/components/navbar.tsx
+++ b/src/components/navbar.tsx
@@ -48,7 +48,7 @@ export function NavBar() {
 			<a href="/" style={NavBarItemStyle}><SearchIcon/></a>
 
 			<div style={NavBarSettingsAreaStyle}>
-				<a href="/" style={NavBarItemStyle}><SettingsIcon/></a>
+				<a href="/settings" style={NavBarItemStyle}><SettingsIcon/></a>
 			</div>
 		</div>
 	);
diff --git a/src/pages/home.tsx b/src/pages/home.tsx
index 853dede..3583cfb 100644
--- a/src/pages/home.tsx
+++ b/src/pages/home.tsx
@@ -48,7 +48,7 @@ var RightAlignedTableColumn: CSSProperties = {
 	paddingRight: 16
 }
 
-function HomePage() {
+export default function HomePage() {
 	return (
 		<div>
 			<NavBar />
@@ -133,4 +133,3 @@ function HomePage() {
 	);
 }
 
-export default HomePage;
diff --git a/src/pages/settings.tsx b/src/pages/settings.tsx
new file mode 100644
index 0000000..7c886d6
--- /dev/null
+++ b/src/pages/settings.tsx
@@ -0,0 +1,25 @@
+import { NavBar } from '../components/navbar';
+import { CenteredPage, PageTitle } from '../components/page';
+import { Vierkant } from '../components/vierkant';
+/* import { AccountAvatar } from '../components/account'; */
+
+export default function SettingsPage() {
+	return (
+		<div>
+			<NavBar />
+			<CenteredPage>
+				<PageTitle>Instellingen</PageTitle>
+				<Vierkant width="calc(100% - 12px)">
+					<h2>Account</h2>
+				</Vierkant>
+				<Vierkant width="calc(100% - 12px)">
+					<h2>Kleuren</h2>
+				</Vierkant>
+				<Vierkant width="calc(100% - 12px)">
+					<h2>Standaard spelregels</h2>
+				</Vierkant>
+			</CenteredPage>
+		</div>
+	);
+}
+
diff --git a/src/routes.tsx b/src/routes.tsx
index 91768f6..b9b39da 100644
--- a/src/routes.tsx
+++ b/src/routes.tsx
@@ -3,12 +3,12 @@ import { Switch, Route } from 'react-router-dom';
 import './global.css';
 
 import HomePage from './pages/home';
+import SettingsPage from './pages/settings';
 
-function Router() {
+export default function Router() {
 	return <Switch>
 		<Route exact path='/' component={HomePage}/>
+		<Route exact path='/settings' component={SettingsPage}/>
 	</Switch>;
 }
 
-export default Router;
-
-- 
cgit v1.2.3