Fakultas Ilmu Komputer UI

Login.jsx 927 Bytes
Newer Older
1
2
import React from 'react';
import { Grid, Segment } from 'semantic-ui-react';
3
import LoginForm from './components/LoginForm';
4
5

export default class Login extends React.Component {
6
7
8
9
10
11
12
13
14
15
16
17
18

  static defaultProps = {
    children: null,
  };

  static propTypes = {
    children: React.PropTypes.oneOfType([
      React.PropTypes.arrayOf(React.PropTypes.node),
      React.PropTypes.node,
    ]),
  };

  render = () => (
19
20

    <div className="halamanLogin">
21
22
23
    <Grid columns={2} relaxed>
      <Grid.Column>
        <Segment basic>
24
          <LoginForm type="company" header="Company Login" imgSrc="logo.png" imgSize="small" />
25
26
27
28
29
30
          {this.props.children}
        </Segment>
      </Grid.Column>

      <Grid.Column>
        <Segment basic>
31
          <LoginForm type="sso-ui" header="SSO Login" imgSrc="UI.png" imgSize="tiny" />
32
33
34
35
36
          {this.props.children}
        </Segment>
      </Grid.Column>

    </Grid>
37
    </div>
38
  )
39
40
}