From 752be6b2798efab02ff70ef6553052cd74fa91eb Mon Sep 17 00:00:00 2001
From: rui hildt <ruihildt@protonmail.com>
Date: Wed, 13 May 2020 11:47:07 +0200
Subject: [PATCH] Add register screen

---
 src/screens/App.js      |  4 ++-
 src/screens/Register.js | 78 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 81 insertions(+), 1 deletion(-)
 create mode 100644 src/screens/Register.js

diff --git a/src/screens/App.js b/src/screens/App.js
index c1c6239..bfc4131 100644
--- a/src/screens/App.js
+++ b/src/screens/App.js
@@ -3,6 +3,8 @@ import 'rsuite/lib/styles/index.less';
 import { Container } from 'rsuite';
 
 import Login from './Login';
+import Register from './Register';
+
 import TopBar from '../components/TopBar';
 
 const containerStyle = {
@@ -18,7 +20,7 @@ function App() {
 	return (
 		<Container style={containerStyle}>
 			<TopBar />
-			<Login />
+			<Register />
 		</Container>
 	);
 }
diff --git a/src/screens/Register.js b/src/screens/Register.js
new file mode 100644
index 0000000..3a0bd9e
--- /dev/null
+++ b/src/screens/Register.js
@@ -0,0 +1,78 @@
+import React from 'react';
+
+import {
+	Content,
+	FlexboxGrid,
+	Panel,
+	Form,
+	FormGroup,
+	FormControl,
+	HelpBlock,
+	Button,
+	Dropdown,
+} from 'rsuite';
+
+const boxStyle = {
+	margin: '50px 10px',
+};
+
+function Register() {
+	return (
+		<Content>
+			<FlexboxGrid justify='center'>
+				<FlexboxGrid.Item>
+					<Panel header={<h3>Register</h3>} bordered style={boxStyle}>
+						<Form horizontal>
+							<FormGroup>
+								<FormControl
+									name='username'
+									type='plaintext'
+									placeholder='username'
+								/>
+							</FormGroup>
+							<FormGroup>
+								<FormControl
+									name='email'
+									type='email'
+									placeholder='email'
+								/>
+							</FormGroup>
+							<FormGroup>
+								<Dropdown title='Timezone'>
+									<Dropdown.Item>
+										Australian Central Time
+									</Dropdown.Item>
+									<Dropdown.Item>
+										Australian Eastern Time
+									</Dropdown.Item>
+									<Dropdown.Item>
+										Alaska Standard Time
+									</Dropdown.Item>
+									<Dropdown.Item>Bangladesh Standard Time </Dropdown.Item>
+									<Dropdown.Item>...</Dropdown.Item>
+								</Dropdown>
+							</FormGroup>
+							<FormGroup>
+								<FormControl
+									name='password'
+									type='password'
+									placeholder='password'
+								/>
+								<HelpBlock tooltip>
+									Minimum password length is 8 characters
+								</HelpBlock>
+							</FormGroup>
+							<FormGroup>
+								<Button appearance='primary' block>
+									Register
+								</Button>
+							</FormGroup>
+						</Form>
+					</Panel>
+				</FlexboxGrid.Item>
+			</FlexboxGrid>
+		</Content>
+	);
+}
+
+export default Register;