status-im
/
status-teller-network
mirror of https://github.com/status-im/status-teller-network.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat: add filter to hide completed trades in trade list

This commit is contained in:
Jonathan Rainville 2019-07-19 15:04:51 -04:00
parent 6c744cc52a
commit b14c6f3573
No known key found for this signature in database
GPG Key ID: 5F4630B759727D9C
1 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/js/pages/MyProfile/components/Trades.jsx
View File

@ -13,6 +13,8 @@ import {ARBITRATION_SOLVED_BUYER, ARBITRATION_SOLVED_SELLER} from "../../../feat
import './Trades.scss';
const COMPLETED_STATES = [tradeStates.expired, tradeStates.canceled, tradeStates.arbitration_closed, tradeStates.released];
const getTradeStyle = (trade, isBuyer) => {
if (trade.mining) {
return {text: 'Mining', className: 'bg-info'};
@ -55,7 +57,8 @@ const getTradeStyle = (trade, isBuyer) => {
class Trades extends Component {
state = {
filteredState: '',
showFilters: false
showFilters: false,
hideCompletedTrades: false
};
filterState(stateName) {
@ -84,6 +87,17 @@ class Trades extends Component {
</Input>
</Col>
</FormGroup>
<FormGroup row>
<Col sm={{size: 12}}>
<FormGroup check>
<Label check>
<Input type="checkbox" id="hide-done-trades"
onChange={() => this.setState({hideCompletedTrades: !this.state.hideCompletedTrades})}/>
Hide completed trades
</Label>
</FormGroup>
</Col>
</FormGroup>
</Form>}
{!this.state.showFilters && <p className="text-small text-muted mb-1 clickable" onClick={() => this.setState({showFilters: true})}>Show Filters <FontAwesomeIcon icon={faCaretDown}/></p>}
@ -94,6 +108,9 @@ class Trades extends Component {
if (this.state.filteredState && trade.status !== this.state.filteredState) {
return null;
}
if (this.state.hideCompletedTrades && COMPLETED_STATES.includes(trade.status)) {
return null;
}
const isBuyer = addressCompare(trade.buyer, address);
const tradeStyle = getTradeStyle(trade, isBuyer);
return <Link key={index} to={"/escrow/" + trade.escrowId}>