From 38f699b9b6c0cf18cbcff9c457b90aa63863b5de Mon Sep 17 00:00:00 2001
From: lonkaars <l.leblansch@gmail.com>
Date: Sun, 7 Feb 2021 21:16:54 +0100
Subject: more account page

---
 pages/account.tsx | 27 ++++++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

(limited to 'pages/account.tsx')

diff --git a/pages/account.tsx b/pages/account.tsx
index c1197cd..238a9fc 100644
--- a/pages/account.tsx
+++ b/pages/account.tsx
@@ -1,8 +1,13 @@
+import Icon from '@mdi/react';
+
 import { NavBar } from '../components/navbar';
 import { CenteredPage, PageTitle } from '../components/page';
-import { Vierkant } from '../components/ui';
+import { Vierkant, IconLabelButton } from '../components/ui';
 import { AccountAvatar } from '../components/account';
 
+import PersonAddOutlinedIcon from '@material-ui/icons/PersonAddOutlined';
+import { mdiAccountCancelOutline } from '@mdi/js';
+
 export default function AccountPage() {
 	return (
 		<div>
@@ -30,10 +35,26 @@ export default function AccountPage() {
 					}}>
 						<div style={{
 							width: 40,
-							height: 30,
+							height: 27,
 							backgroundColor: "#ff00ff",
-							verticalAlign: "bottom"
+							position: "absolute",
+							left: 0, bottom: 0
 						}}></div>
+						<IconLabelButton icon={<PersonAddOutlinedIcon/>} text="Vriendschapsverzoek"/>
+						<IconLabelButton icon={<Icon size={1} path={mdiAccountCancelOutline}/>} text="Blokkeren"/>
+					</div>
+				</Vierkant>
+				<Vierkant fullwidth>
+					<div style={{
+						display: "grid",
+						gridTemplateColumns: "repeat(5, 1fr)",
+						gridGap: 12
+					}}>
+						<div> <span>gert</span> </div>
+						<div> <span>gert</span> </div>
+						<div> <span>gert</span> </div>
+						<div> <span>gert</span> </div>
+						<div> <span>gert</span> </div>
 					</div>
 				</Vierkant>
 			</CenteredPage>
-- 
cgit v1.2.3

