Files
poe-auto-pricer/app/components/price-list-item/price-list-item.tsx
2018-08-14 00:02:06 -05:00

37 lines
786 B
TypeScript

import React from 'react';
import './price-list-item.scss';
interface IProps {
data: any;
}
interface IState {
price?: String;
}
export class PriceListItem extends React.Component<IProps, IState> {
constructor(props: IProps) {
super(props);
this.state = {};
}
componentDidMount() {}
render() {
const { data } = this.props;
return (
<div className="pli">
<div style={{ width: '100px' }}>
<img src={data.icon} className="pli__img" />
</div>
<div style={{ flex: 1 }}>
<div style={{ marginBottom: '10px' }}>
<b>{data.typeLine}</b>
</div>
<div>{data.priceInfo ? `${data.priceInfo.min_price} ${data.priceInfo.currency_rec}` : ''}</div>
</div>
</div>
);
}
}