67 lines
2.3 KiB
JavaScript
67 lines
2.3 KiB
JavaScript
import React from 'react';
|
|
|
|
export default class Listings extends React.Component {
|
|
onListingClick() {
|
|
if (this.props.onListingClick) {
|
|
this.props.onListingClick();
|
|
}
|
|
}
|
|
render() {
|
|
|
|
return (
|
|
<div className="listings">
|
|
<div className="listings-header">
|
|
<div className="select-container">
|
|
<div className="select-group">
|
|
<select name="listings-type" id="listings-type">
|
|
<option value="cijena">Cijena: od najmanje</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div className="listings-count">
|
|
322 rezultata
|
|
</div>
|
|
</div>
|
|
|
|
<div className="listings-items">
|
|
<div className="property-list-item" onClick={this.onListingClick.bind(this)}>
|
|
<div className="pli-image">
|
|
<img src="https://d37lj287rvypnj.cloudfront.net/150225204/medium" alt=""></img>
|
|
</div>
|
|
<div className="pli-details">
|
|
<div className="price">12 000 KM</div>
|
|
<div className="description">4 sobe, 111m2</div>
|
|
<div className="address">
|
|
<div className="street">
|
|
Hakije Turajlica 2/2
|
|
</div>
|
|
<div className="location">
|
|
Sarajevo, Novi Grad
|
|
</div>
|
|
</div>
|
|
<div className="hours-ago">Prije 2 sata</div>
|
|
</div>
|
|
</div>
|
|
<div className="property-list-item">
|
|
<div className="pli-image">
|
|
<img src="https://d37lj287rvypnj.cloudfront.net/151086207/medium" alt=""></img>
|
|
</div>
|
|
<div className="pli-details">
|
|
<div className="price">12 000 KM</div>
|
|
<div className="description">4 sobe, 111m2</div>
|
|
<div className="address">
|
|
<div className="street">
|
|
Hakije Turajlica 2/2
|
|
</div>
|
|
<div className="location">
|
|
Sarajevo, Novi Grad
|
|
</div>
|
|
</div>
|
|
<div className="hours-ago">Prije 2 sata</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>)
|
|
}
|
|
}
|