Fakultas Ilmu Komputer UI

CompanyVacancy.jsx 922 Bytes
Newer Older
1
import React from 'react';
2
import { Segment, Button, Icon, Item } from 'semantic-ui-react';
3

4
5
const defaultImage = 'http://semantic-ui.com/images/wireframe/image.png';

6
export default class ApplicantList extends React.Component {
7
  static propTypes = {
8
    data: React.PropTypes.object.isRequired,
9
10
11
12
  };

  render() {
    return (
13
14
      <Item className="applicantItems">
        <Item.Image src={this.props.data.company.logo ? this.props.data.company.logo : defaultImage} size="small" />
15

16
17
18
19
20
21
        <Item.Content>
          <Item.Header as="a">{this.props.data.name}</Item.Header>
          <Segment padded basic floated="right">
            <Button primary floated="right" >Ubah<Icon name="right chevron" /></Button>
            <Segment basic> 5 jam lalu</Segment>
          </Segment>
22

23
24
25
          <Item.Extra>
            <h3> 105 Pendaftar </h3>
          </Item.Extra>
26

27
        </Item.Content>
28

29
      </Item>
30
31
    );
  }
32
}