bfedee0561
* Fix some listing/credit bugs * Tack on codepen team link fix * Fix test * Actually fix test
31 lines
1.3 KiB
JavaScript
31 lines
1.3 KiB
JavaScript
import { h, Component } from 'preact';
|
|
import PropTypes from 'prop-types';
|
|
|
|
export const SingleListing = ({listing, onAddTag, currentUserId, onChangeCategory}) => {
|
|
const tagLinks = listing.tag_list.map(tag => (
|
|
<a href={`/listings?t=${tag}`} onClick={e => onAddTag(e, tag)} data-no-instant>{tag}</a>
|
|
));
|
|
const editButton = currentUserId === listing.user_id ? <a href={`/listings/${listing.id}/edit`} className="classified-listing-edit-button">edit</a> : '';
|
|
return (
|
|
<div className="single-classified-listing">
|
|
<div className="listing-content">
|
|
<h3>{listing.title}</h3>
|
|
<div className="single-classified-listing-body" dangerouslySetInnerHTML={{ __html: listing.processed_html }} />
|
|
<div className="single-classified-listing-tags">{ tagLinks }</div>
|
|
<div className="single-classified-listing-author-info">
|
|
<a href={`/listings/${listing.category}`} onClick={e => onChangeCategory(e, listing.category)}>{listing.category}</a>
|
|
・
|
|
<a href={`/${listing.author.username}`}>{listing.author.name}</a>
|
|
{editButton}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
SingleListing.propTypes = {
|
|
listing: PropTypes.object.isRequired,
|
|
onAddTag: PropTypes.func.isRequired,
|
|
onChangeCategory: PropTypes.func.isRequired,
|
|
currentUserId: PropTypes.number,
|
|
};
|