ApplicantPage.jsx

import React from 'react';
import Tabs from './components/Tabs';
import Pane from './components/Pane';
import Storage from './lib/Storage';
import VacancyList from './components/VacancyList';

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

    );
  }
}