Merge pull request #1769 from lbryio/transaction-filter-abandon

add abandon to transaction list filter
This commit is contained in:
Sean Yesmunt 2018-07-18 09:15:26 -04:00 committed by GitHub
commit 1362c4866b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -4,7 +4,7 @@ import { FormField } from 'component/common/form';
import Button from 'component/button';
import FileExporter from 'component/common/file-exporter';
import * as icons from 'constants/icons';
import { MODALS } from 'lbry-redux';
import { MODALS, TRANSACTIONS } from 'lbry-redux';
import TransactionListItem from './internal/transaction-list-item';
export type Transaction = {
@ -45,6 +45,10 @@ class TransactionList extends React.PureComponent<Props, State> {
(this: any).isRevokeable = this.isRevokeable.bind(this);
}
capitalize(string: string) {
return string.charAt(0).toUpperCase() + string.slice(1);
}
handleFilterChanged(event: SyntheticInputEvent<*>) {
this.setState({
filter: event.target.value,
@ -108,13 +112,30 @@ class TransactionList extends React.PureComponent<Props, State> {
}
>
<option value="all">{__('All')}</option>
<option value="spend">{__('Spends')}</option>
<option value="receive">{__('Receives')}</option>
<option value="publish">{__('Publishes')}</option>
<option value="channel">{__('Channels')}</option>
<option value="tip">{__('Tips')}</option>
<option value="support">{__('Supports')}</option>
<option value="update">{__('Updates')}</option>
<option value={TRANSACTIONS.SPEND}>
{__(`${this.capitalize(TRANSACTIONS.SPEND)}s`)}
</option>
<option value={TRANSACTIONS.RECEIVE}>
{__(`${this.capitalize(TRANSACTIONS.RECEIVE)}s`)}
</option>
<option value={TRANSACTIONS.PUBLISH}>
{__(`${this.capitalize(TRANSACTIONS.PUBLISH)}es`)}
</option>
<option value={TRANSACTIONS.CHANNEL}>
{__(`${this.capitalize(TRANSACTIONS.CHANNEL)}s`)}
</option>
<option value={TRANSACTIONS.TIP}>
{__(`${this.capitalize(TRANSACTIONS.TIP)}s`)}
</option>
<option value={TRANSACTIONS.SUPPORT}>
{__(`${this.capitalize(TRANSACTIONS.SUPPORT)}s`)}
</option>
<option value={TRANSACTIONS.UPDATE}>
{__(`${this.capitalize(TRANSACTIONS.UPDATE)}s`)}
</option>
<option value={TRANSACTIONS.ABANDON}>
{__(`${this.capitalize(TRANSACTIONS.ABANDON)}s`)}
</option>
</FormField>
</div>
)}