aboutsummaryrefslogtreecommitdiff
path: root/pages/settings.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'pages/settings.tsx')
-rw-r--r--pages/settings.tsx34
1 files changed, 34 insertions, 0 deletions
diff --git a/pages/settings.tsx b/pages/settings.tsx
new file mode 100644
index 0000000..2daa90b
--- /dev/null
+++ b/pages/settings.tsx
@@ -0,0 +1,34 @@
+import { CSSProperties } from 'react';
+
+import { NavBar } from '../components/navbar';
+import { CenteredPage, PageTitle } from '../components/page';
+import { Vierkant } from '../components/ui';
+/* import { AccountAvatar } from '../components/account'; */
+import { CurrentGameSettings, EditGameSettings } from '../components/gameSettings';
+
+var SettingsSectionHeaderStyle: CSSProperties = {
+ marginBottom: 24
+}
+
+export default function SettingsPage() {
+ return (
+ <div>
+ <NavBar/>
+ <CenteredPage width={802}>
+ <PageTitle>Instellingen</PageTitle>
+ <Vierkant width="calc(100% - 12px)">
+ <h2 style={SettingsSectionHeaderStyle}>Account</h2>
+ </Vierkant>
+ <Vierkant width="calc(100% - 12px)">
+ <h2 style={SettingsSectionHeaderStyle}>Kleuren</h2>
+ </Vierkant>
+ <Vierkant width="calc(100% - 12px)">
+ <h2 style={SettingsSectionHeaderStyle}>Standaard spelregels</h2>
+ <CurrentGameSettings/>
+ </Vierkant>
+ <EditGameSettings/>
+ </CenteredPage>
+ </div>
+ );
+}
+