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/pages/home.tsx     |  3 +--
 src/pages/settings.tsx | 25 +++++++++++++++++++++++++
 2 files changed, 26 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/settings.tsx

(limited to 'src/pages')

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>
+	);
+}
+
-- 
cgit v1.2.3