Fakultas Ilmu Komputer UI

Lowongan.jsx 1.18 KB
Newer Older
sirinbaisa's avatar
sirinbaisa committed
1
import React from 'react';
sirinbaisa's avatar
sirinbaisa committed
2
import { Button, Image as ImageComponent, Item, Rating, Icon } from 'semantic-ui-react'
3
import ModalPendaftaran from './ApplyModal';
sirinbaisa's avatar
sirinbaisa committed
4
5


6
 const paragraph = <ImageComponent src="http://semantic-ui.com/images/wireframe/short-paragraph.png" />;
7
const image = <Item.Image size="small" src="http://semantic-ui.com/images/wireframe/image.png" />;
8
9
10
export default class Lowongan extends React.Component {
  static propTypes = {
    data: React.PropTypes.object.isRequired,
sirinbaisa's avatar
sirinbaisa committed
11
12
  };

13
14
  render() {
    return (
15
16

        <Item >
17
          {image}
18
          <Item.Content verticalAlign="middle">
sirinbaisa's avatar
sirinbaisa committed
19
20
21
            <Item.Header>
                {this.props.header}
            </Item.Header>
22
            <Item.Description>{this.props.content}</Item.Description>
sirinbaisa's avatar
sirinbaisa committed
23
            <Item.Content>
24

sirinbaisa's avatar
sirinbaisa committed
25
26
27
                    <h3>{ this.props.data.data1 }</h3>
                    <h4>PT. Koding Kuat </h4>
                    <h5> JL.Kali deres utara no.1 Jakarta Barat, DKI Jakarta</h5>
28

29
                <ApplicancyModal id={1} data={ { header: 'Deskripsi Lowongan', description: 'Lorem ipsum dolor sit amet'} } buttonTitle="Daftar"  />
30

sirinbaisa's avatar
sirinbaisa committed
31
            </Item.Content>
32
33
          </Item.Content>
        </Item>
34

35
36
    );
  }
37
}