diff --git a/assets/js/VacancyPage.jsx b/assets/js/VacancyPage.jsx index 09e1c316b050e829a7d01aae8ab32b9b4294f4f0..3de2492925537a01c979a3241145eab56bec3eed 100644 --- a/assets/js/VacancyPage.jsx +++ b/assets/js/VacancyPage.jsx @@ -1,7 +1,9 @@ import React from 'react'; +import { Item } from 'semantic-ui-react'; import Tabs from './components/Tabs'; import Pane from './components/Pane'; import VacancyList from './components/VacancyList'; +import AdminVacancy from './components/AdminVacancy'; export default class VacancyPage extends React.Component { @@ -60,7 +62,19 @@ export default class VacancyPage extends React.Component { return ( <VacancyList key={1} userId={this.state.id} url={`/companies/${this.state.id}/vacancies/`} type="company" /> ); + } else if (this.props.user.role === 'admin') { + return ( + <Tabs selected={0}> + <Pane label="Lowongan Belum Terferivikasi" > + <Item.Group> + <AdminVacancy /> + </Item.Group> + </Pane> + <Pane label=" Semua Lamaran" /> + </Tabs> + ); } + return ( <div> <h3> diff --git a/assets/js/components/AdminVacancy.jsx b/assets/js/components/AdminVacancy.jsx new file mode 100644 index 0000000000000000000000000000000000000000..df12d6f8bd881a01510a6cf97944a034f33c1f7d --- /dev/null +++ b/assets/js/components/AdminVacancy.jsx @@ -0,0 +1,27 @@ +import React from 'react'; +import { Item, Grid, Icon } from 'semantic-ui-react'; +import VerifyAdminModal from './VerifyAdminModal'; + +export default class AdminVacancy extends React.Component { + + render() { + return ( + <Item className="adminItems"> + <Item.Image src="http://semantic-ui.com/images/wireframe/image.png" size="small" /> + <Item.Content> + <Item.Header as="a">Software Engineer</Item.Header> + <Grid.Row> + <Grid.Column floated="left"> + <h4>Jalanloka </h4> + Jakarta Barat, DKI Jakarta + </Grid.Column> + <Grid.Column floated="right"> + <h4> <Icon name="remove circle" size="large" color="red" /> Belum Terverifikasi </h4> + <VerifyAdminModal /> + </Grid.Column> + </Grid.Row> + </Item.Content> + </Item> + ); + } +}