init
This commit is contained in:
36
app/components/price-list-item/price-list-item.tsx
Normal file
36
app/components/price-list-item/price-list-item.tsx
Normal file
@@ -0,0 +1,36 @@
|
||||
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user