[#42][#14450219] admin Verifikasi Page

assets/js/VacancyPage.jsx

 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>

assets/js/components/AdminVacancy.jsx

+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>
+    );
+  }
+}