Fakultas Ilmu Komputer UI

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

export default class ApplicantList extends React.Component {
5
6
  static propTypes = {
    header: React.PropTypes.string.isRequired,
7
8
9
10
  };

  render() {
    return (
11
12
13
      <div className="applicant" >
        <Button icon="eye" secondary labelPosition="left" content="Lihat Semua Pendaftar" />
        <Button icon="add" secondary labelPosition="left" content="Tambah Lowongan Baru" />
14

15
16
17
18
        <Segment>
          <Item.Group divided>
            <Item className="applicantItems">
              <Item.Image src="/assets/images/wireframe/image.png" siza="tiny" />
19

20
21
22
23
24
25
              <Item.Content>
                <Item.Header as="a">{this.props.header}</Item.Header>
                <Segment padded basic floated="right">
                  <Button primary floated="right" >Ubah<Icon name="right chevron" /></Button>
                  <Segment basic> 5 jam lalu</Segment>
                </Segment>
26

27
28
29
                <Item.Extra>
                  <h3> 105 Pendaftar </h3>
                </Item.Extra>
30

31
              </Item.Content>
32

33
            </Item>
34

35
36
37
          </Item.Group>
        </Segment>
      </div>
38
39
    );
  }
40
}