50 lines
1.1 KiB
JavaScript
50 lines
1.1 KiB
JavaScript
import React from 'react';
|
|
import {
|
|
Form,
|
|
FormGroup,
|
|
FormControl,
|
|
ControlLabel,
|
|
HelpBlock,
|
|
Button,
|
|
Panel,
|
|
} from 'rsuite';
|
|
|
|
import { NavBar, TimezonePicker } from './../components';
|
|
import './styles/layout.less';
|
|
|
|
export default function Register() {
|
|
return (
|
|
<>
|
|
<NavBar title='Register' />
|
|
<Panel bordered className={'form-container'}>
|
|
<Form>
|
|
<FormGroup>
|
|
<ControlLabel>Username</ControlLabel>
|
|
<FormControl name='username' type='text' />
|
|
</FormGroup>
|
|
<FormGroup>
|
|
<ControlLabel>Email</ControlLabel>
|
|
<FormControl name='email' type='email' />
|
|
</FormGroup>
|
|
<ControlLabel>Timezone</ControlLabel>
|
|
<FormGroup>
|
|
<TimezonePicker />
|
|
</FormGroup>
|
|
<ControlLabel>Password</ControlLabel>
|
|
<FormGroup>
|
|
<FormControl name='password' type='password' />
|
|
<HelpBlock>
|
|
Minimum password length is 8 characters
|
|
</HelpBlock>
|
|
</FormGroup>
|
|
<FormGroup>
|
|
<Button appearance='primary' block size='lg'>
|
|
Register
|
|
</Button>
|
|
</FormGroup>
|
|
</Form>
|
|
</Panel>
|
|
</>
|
|
);
|
|
}
|