Fakultas Ilmu Komputer UI

VacancyPage.jsx 921 Bytes
Newer Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
import React from 'react';
import { Segment, Input, Menu } from 'semantic-ui-react'
import Tabs from './components/Tabs';
import Pane from './components/Pane';
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 };
    this.handleItemClick = this.handleItemClick.bind(this);
  }

  handleItemClick = (e, { name }) => this.setState({ activeItem: name });

  render() {
19
20
    const data = [{ data1: 'val1' }, { data1: 'val2' }];

21
22
    const {activeItem} = this.state;

23
24
25
26
27
28
29
30
31
32
    return (<div>
    <Tabs selected={0}>
      <Pane label="Semua Lowongan">
        <VacancyList vacancies={data} />
      </Pane>
      <Pane label="Lamaran saya">
        <div>This is my tab 2 contents!</div>
      </Pane>
    </Tabs>
  </div>
33
34
35

    );
  };
36
}