aboutsummaryrefslogtreecommitdiff
path: root/src/pages
diff options
context:
space:
mode:
Diffstat (limited to 'src/pages')
-rw-r--r--src/pages/home.tsx3
-rw-r--r--src/pages/settings.tsx25
2 files changed, 26 insertions, 2 deletions
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>
+ );
+}
+