crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show @ price in light grey

Browse Source
This commit is contained in:
Steve Klebanoff
2018-12-13 14:27:27 -08:00
parent 9697d66b66
commit 6878705676
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/instant/src/components/order_details.tsx
View File

@@ -117,7 +117,7 @@ export class OrderDetails extends React.Component<OrderDetailsProps> {
} }
} }
private _assetAmountLabel(): string { private _assetAmountLabel(): React.ReactNode {
const { assetName, baseCurrency } = this.props; const { assetName, baseCurrency } = this.props;
const numTokens = this.props.selectedAssetUnitAmount; const numTokens = this.props.selectedAssetUnitAmount;
@@ -127,13 +127,14 @@ export class OrderDetails extends React.Component<OrderDetailsProps> {
? new BigNumber(0) ? new BigNumber(0)
: numTokens; : numTokens;
if (!_.isUndefined(displayNumTokens)) { if (!_.isUndefined(displayNumTokens)) {
let numTokensWithSymbol = displayNumTokens.toString(); let numTokensWithSymbol: React.ReactNode = displayNumTokens.toString();
if (assetName) { if (assetName) {
numTokensWithSymbol += ` ${assetName}`; numTokensWithSymbol += ` ${assetName}`;
} }
const pricePerTokenWei = this._pricePerTokenWei(); const pricePerTokenWei = this._pricePerTokenWei();
if (pricePerTokenWei) { if (pricePerTokenWei) {
numTokensWithSymbol += ` @ ${this._displayAmount(baseCurrency, pricePerTokenWei)}`; const atPriceDisplay = <Text fontColor={ColorOption.lightGrey}>@ {this._displayAmount(baseCurrency, pricePerTokenWei)}</Text>;
numTokensWithSymbol = <React.Fragment>{numTokensWithSymbol} {atPriceDisplay}</React.Fragment>
} }
return numTokensWithSymbol; return numTokensWithSymbol;
} }
@@ -185,7 +186,7 @@ export class OrderDetails extends React.Component<OrderDetailsProps> {
} }
export interface OrderDetailsRowProps { export interface OrderDetailsRowProps {
labelText: string; labelText: React.ReactNode;
isLabelBold?: boolean; isLabelBold?: boolean;
isPrimaryValueBold?: boolean; isPrimaryValueBold?: boolean;
primaryValue: React.ReactNode; primaryValue: React.ReactNode;