34 lines
935 B
TypeScript
34 lines
935 B
TypeScript
import React, { Component } from 'react';
|
|
import { connect } from 'react-redux';
|
|
|
|
import { AppState } from 'features/reducers';
|
|
import * as selectors from 'features/selectors';
|
|
import { walletTypes } from 'features/wallet';
|
|
import { Query } from './Query';
|
|
|
|
interface Props {
|
|
tokens: walletTypes.MergedToken[];
|
|
withQuery({
|
|
token
|
|
}: {
|
|
token: walletTypes.MergedToken | null | undefined;
|
|
}): React.ReactElement<any>;
|
|
}
|
|
|
|
class TokenQueryClass extends Component<Props, {}> {
|
|
public render() {
|
|
return (
|
|
<Query
|
|
params={['tokenSymbol']}
|
|
withQuery={({ tokenSymbol }) => this.props.withQuery(this.paramGetter(tokenSymbol))}
|
|
/>
|
|
);
|
|
}
|
|
private paramGetter = (unit: string | null) =>
|
|
unit ? { token: this.props.tokens.find(t => t.symbol === unit) } : { token: null };
|
|
}
|
|
|
|
export const TokenQuery = connect((state: AppState) => ({
|
|
tokens: selectors.getTokens(state)
|
|
}))(TokenQueryClass);
|