16 lines
558 B
TypeScript
16 lines
558 B
TypeScript
import { h } from 'preact';
|
|
import { ExternalLink } from 'react-feather';
|
|
|
|
export default function Offer(offer) {
|
|
const { want: { data: details } } = offer;
|
|
return (
|
|
<div class="offer">
|
|
<h2>{details.artists_sort} - {details.title} <a href={details.uri} target="_blank"><ExternalLink /></a></h2>
|
|
<h5 class='alt-text' >{details.year}</h5>
|
|
<h5 class='alt-text'>{details.formats[0].descriptions.join(' ')}</h5>
|
|
<img src={details.thumb} />
|
|
<h5>${offer.total}</h5>
|
|
</div>
|
|
)
|
|
}
|