Fakultas Ilmu Komputer UI

CompanyVacancy.jsx 1.31 KB
Newer Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
import React from 'react';
import { Segment, Button, Icon, Image as ImageComponent, Image, Item, Label, Popup, Grid } from 'semantic-ui-react'

export default class ApplicantList extends React.Component {
    static propTypes = {
    header : React.PropTypes.string.isRequired,
  };

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

         <Segment>
            <Item.Group divided>
                <Item className="applicantItems">
                  <Item.Image src='/assets/images/wireframe/image.png' siza="tiny" />

                  <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>

                    <Item.Extra>
                        <h3> 105 Pendaftar </h3>
                    </Item.Extra>

                  </Item.Content>

                </Item>

            </Item.Group>
         </Segment>
     </div>
    );
  }
}