From a5f9c2ffb16f1ae700c50130be2f866e750917ed Mon Sep 17 00:00:00 2001
From: sirinbaisa <baisashirin@gmail.com>
Date: Sun, 9 Apr 2017 16:45:31 +0700
Subject: [PATCH] [140652771] [#19] Applicant List Page

---
 assets/js/ApplicantPage.jsx | 43 +++++++++++++++++++++++++++++++------
 assets/js/HomeCompany.jsx   | 12 +++++++++++
 assets/js/index.jsx         |  4 ++--
 3 files changed, 51 insertions(+), 8 deletions(-)
 create mode 100644 assets/js/HomeCompany.jsx

diff --git a/assets/js/ApplicantPage.jsx b/assets/js/ApplicantPage.jsx
index d2b7c7aa..51334b1d 100644
--- a/assets/js/ApplicantPage.jsx
+++ b/assets/js/ApplicantPage.jsx
@@ -1,12 +1,43 @@
 import React from 'react';
-import { Segment, Button, Icon, Image as ImageComponent, Image, Item, Label } from 'semantic-ui-react'
-import ApplicantList from './components/CompanyVacancy';
+import Tabs from './components/Tabs';
+import Pane from './components/Pane';
+import Storage from './lib/Storage';
+import VacancyList from './components/VacancyList';
 
-export default class ApplicantPage extends React.Component{
-render() {
+export default class VacancyPage extends React.Component {
 
+  constructor(props) {
+    super(props);
+    /* istanbul ignore next */
+    this.state = {
+      email: '',
+      password: '',
+      errorFlag: false,
+      vacancies: [],
+    };
+    this.handleItemClick = this.handleItemClick.bind(this);
+  }
+
+  handleItemClick = (e, { name }) => this.setState({ activeItem: name });
+
+  render() {
+    const student = Storage.get('user-data').student;
     return (
-        <ApplicantList header="Software Engineer" />
+  <div className="halamanPendaftar">
+      <Tabs selected={0}>
+        <Pane label="Lamaran Baru" >
+          <VacancyList key={1} studentId={student.id}  url="/vacancies/" />
+        </Pane>
+        <Pane label="Bintangi" >
+          <VacancyList key={2} status="Batal" studentId={student.id} url={`/students/${student.id}/applied-vacancies/`} />
+        </Pane>
+        <Pane label="Semua Lamaran" >
+          <VacancyList key={3} studentId={student.id}  url={`/students/${student.id}/bookmarked-vacancies/`} />
+        </Pane>
+      </Tabs>
+
+  </div>
+
     );
   }
-}
\ No newline at end of file
+}
diff --git a/assets/js/HomeCompany.jsx b/assets/js/HomeCompany.jsx
new file mode 100644
index 00000000..6005171c
--- /dev/null
+++ b/assets/js/HomeCompany.jsx
@@ -0,0 +1,12 @@
+import React from 'react';
+import { Segment, Button, Icon, Image as ImageComponent, Image, Item, Label } from 'semantic-ui-react'
+import CompanyVacancy from './components/CompanyVacancy';
+
+export default class ApplicantPage extends React.Component{
+render() {
+
+    return (
+        <CompanyVacancy header="Software Engineer"/>
+    );
+  }
+}
\ No newline at end of file
diff --git a/assets/js/index.jsx b/assets/js/index.jsx
index d82adf25..ed5cc525 100644
--- a/assets/js/index.jsx
+++ b/assets/js/index.jsx
@@ -5,7 +5,7 @@ import { Segment } from 'semantic-ui-react';
 import Dashboard from './Dashboard';
 import Login from './Login';
 import VacancyPage from './VacancyPage';
-import ApplicantPage from './ApplicantPage';
+import HomeCompany from './HomeCompany';
 import Server from './lib/Server';
 import Storage from './lib/Storage';
 
@@ -44,7 +44,7 @@ export default class App extends React.Component {
         <Route path="/" component={VacancyPage} />
         <Route path="/profile" component={Profile} />
         <Route path="/lowongan" component={VacancyPage} />
-        <Route path="/applicant" component={ApplicantPage} />
+        <Route path="/company" component={HomeCompany} />
         <Route path="/users" component={Profile} />
       </Route>
       <Route path="/home" onEnter={this.handleHome} />
-- 
GitLab