diff options
| author | lonkaars <l.leblansch@gmail.com> | 2021-01-05 20:59:42 +0100 |
|---|---|---|
| committer | lonkaars <l.leblansch@gmail.com> | 2021-01-05 20:59:42 +0100 |
| commit | fa41c1e6beefd28da6050eb431d2f89d32a0fa39 (patch) | |
| tree | a0c857f5ea95b5637928ed284e818cf2d5517f01 | |
| parent | 9b2d93642e2c94ed96d08858f9e0f737eeba5489 (diff) | |
instellingen pagina beginsels
| -rw-r--r-- | src/components/navbar.tsx | 2 | ||||
| -rw-r--r-- | src/pages/home.tsx | 3 | ||||
| -rw-r--r-- | src/pages/settings.tsx | 25 | ||||
| -rw-r--r-- | src/routes.tsx | 6 |
4 files changed, 30 insertions, 6 deletions
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; - |