Fakultas Ilmu Komputer UI

Commit 74202a17 authored by sirinbaisa's avatar sirinbaisa
Browse files

[#140654507] #12 fitur bookmark

parent b616dfb2
@fontface {
font-family: 'Bungee Inline', cursive;
src: url('https://fonts.googleapis.com/css?family=Bungee+Inline')
}
html, body{
padding: 0;
......@@ -70,11 +67,13 @@ border: 2px solid transparent;
border-radius: 12px;
border-color:#e8e8e8;
padding: 20px;
font-family: 'Bungee Inline';
background-color: white;
}
.bookmark{
float: right;
}
.formLogin img{
height: 70px !important;
......
import React from 'react';
import { Button, Image as ImageComponent, Item, Rating } from 'semantic-ui-react'
import { Button, Image as ImageComponent, Item, Rating, Icon } from 'semantic-ui-react'
import ModalPendaftaran from './ModalPendaftaran';
......@@ -17,9 +17,7 @@ export default class Lowongan extends React.Component {
{image}
<Item.Content verticalAlign="middle">
<Item.Header>
{this.props.header}
</Item.Header>
<Item.Description>{this.props.content}</Item.Description>
<Item.Content>
......
......@@ -39,6 +39,7 @@ export default class ModalPendaftaran extends React.Component {
render = () => (
<Modal
trigger={<Button onClick={this.handleOpen} floated="right">{this.props.buttonTitle}</Button>}
closeIcon="close"
open={this.state.modalOpen}
......
......@@ -16,9 +16,14 @@ export default class Lowongan extends React.Component {
<Item.Content verticalAlign="middle">
<Item.Extra>
<h3>{ this.props.data.name }</h3>
<div className="bookmark">
<Rating icon='star' size='massive' defaultRating={0} maxRating={1} />
</div>
<h4>{ this.props.data.company.name }</h4>
<h5>{ this.props.data.company.address }</h5>
<ModalPendaftaran
id={this.props.data.id} data={{ header: this.props.data.name,
description: this.props.data.description }} buttonTitle="Daftar" />
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment