From c80a8b2615f2b576c1a022b16141d54f2c24f6a2 Mon Sep 17 00:00:00 2001
From: lonkaars <loek@pipeframe.xyz>
Date: Thu, 8 Jul 2021 15:15:53 +0200
Subject: buttons

---
 pages/mobile/index.tsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

(limited to 'pages/mobile/index.tsx')

diff --git a/pages/mobile/index.tsx b/pages/mobile/index.tsx
index 5e3a7cf..50d2558 100644
--- a/pages/mobile/index.tsx
+++ b/pages/mobile/index.tsx
@@ -1,6 +1,7 @@
 import { ReactNode, useState } from 'react';
 
 import AppBar from '@material-ui/core/AppBar';
+import Button from '@material-ui/core/Button';
 import Divider from '@material-ui/core/Divider';
 import IconButton from '@material-ui/core/IconButton';
 import List from '@material-ui/core/List';
@@ -14,6 +15,7 @@ import AccountCircleRoundedIcon from '@material-ui/icons/AccountCircleRounded';
 import HomeRoundedIcon from '@material-ui/icons/HomeRounded';
 import MenuRoundedIcon from '@material-ui/icons/MenuRounded';
 import SettingsRoundedIcon from '@material-ui/icons/SettingsRounded';
+import { LoginRoundedIcon, QRCodeRoundedIcon } from '../../components/icons';
 
 export type pages = 'home' | 'account' | 'settings';
 export function MobileWrapper(props: {
@@ -69,6 +71,17 @@ export function MobileWrapper(props: {
 
 export default function Mobile() {
 	return <MobileWrapper page='home'>
-		<h2>gert</h2>
+		<Button
+			variant='outlined'
+			color='secondary'
+			startIcon={<QRCodeRoundedIcon />}
+			children='Scan QR code'
+		/>
+		<Button
+			variant='contained'
+			color='secondary'
+			startIcon={<LoginRoundedIcon />}
+			children='Log in'
+		/>
 	</MobileWrapper>;
 }
-- 
cgit v1.2.3

