Fakultas Ilmu Komputer UI

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


6
 const paragraph = <ImageComponent src="http://semantic-ui.com/images/wireframe/short-paragraph.png" />;
sirinbaisa's avatar
sirinbaisa committed
7

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
18
19
20
21
          {this.props.image}
          <Item.Content verticalAlign="middle">
            <Item.Header>{this.props.header}</Item.Header>
            <Item.Description>{this.props.content}</Item.Description>
            <Item.Extra>
22

23
24
                <h4>{ this.props.data.data1 }</h4>
                {paragraph}
25
26
27
28
29

                <ModalPendaftaran id={1} data={ { header: 'Deskripsi Lowongan', description: 'Lorem ipsum dolor sit amet, consectetur' +
                ' adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ' +
                'veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.' } } buttonTitle="Daftar"  />

30
31
32
            </Item.Extra>
          </Item.Content>
        </Item>
33

34
35
    );
  }
36
}