Fakultas Ilmu Komputer UI

Login.jsx 880 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
19
20
21

  static defaultProps = {
    children: null,
  };

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

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

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

    </Grid>
35
  )
36
37
}