Fakultas Ilmu Komputer UI

Skip to content
Snippets Groups Projects
Commit 6fcbc79f authored by sirinbaisa's avatar sirinbaisa
Browse files

[#140652771] [#19] Applicant List Page

parent a5f9c2ff
No related branches found
No related tags found
No related merge requests found
import React from 'react'; import React from 'react';
import { Segment, Button, Icon, Image as ImageComponent, Image, Item, Label } from 'semantic-ui-react'
import CompanyVacancy from './components/CompanyVacancy'; import CompanyVacancy from './components/CompanyVacancy';
export default class ApplicantPage extends React.Component{ export default class ApplicantPage extends React.Component {
render() { render() {
return ( return (
<CompanyVacancy header="Software Engineer"/> <CompanyVacancy header="Software Engineer" />
); );
} }
} }
\ No newline at end of file
import React from 'react'; import React from 'react';
import { Segment, Button, Icon, Image as ImageComponent, Image, Item, Label, Popup, Grid } from 'semantic-ui-react' import { Segment, Button, Icon, Item } from 'semantic-ui-react';
export default class ApplicantList extends React.Component { export default class ApplicantList extends React.Component {
static propTypes = { static propTypes = {
header : React.PropTypes.string.isRequired, header: React.PropTypes.string.isRequired,
}; };
render() { render() {
return ( return (
<div className="applicant" > <div className="applicant" >
<Button icon='eye' secondary labelPosition='left' content='Lihat Semua Pendaftar'/> <Button icon="eye" secondary labelPosition="left" content="Lihat Semua Pendaftar" />
<Button icon='add' secondary labelPosition='left' content='Tambah Lowongan Baru' /> <Button icon="add" secondary labelPosition="left" content="Tambah Lowongan Baru" />
<Segment> <Segment>
<Item.Group divided> <Item.Group divided>
<Item className="applicantItems"> <Item className="applicantItems">
<Item.Image src='/assets/images/wireframe/image.png' siza="tiny" /> <Item.Image src="/assets/images/wireframe/image.png" siza="tiny" />
<Item.Content> <Item.Content>
<Item.Header as='a'>{this.props.header}</Item.Header> <Item.Header as="a">{this.props.header}</Item.Header>
<Segment padded basic floated="right"> <Segment padded basic floated="right">
<Button primary floated="right" >Ubah<Icon name='right chevron' /></Button> <Button primary floated="right" >Ubah<Icon name="right chevron" /></Button>
<Segment basic> 5 jam lalu</Segment> <Segment basic> 5 jam lalu</Segment>
</Segment> </Segment>
<Item.Extra> <Item.Extra>
<h3> 105 Pendaftar </h3> <h3> 105 Pendaftar </h3>
</Item.Extra> </Item.Extra>
</Item.Content> </Item.Content>
</Item> </Item>
</Item.Group> </Item.Group>
</Segment> </Segment>
</div> </div>
); );
} }
} }
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment