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 numTokens = this.props.selectedAssetUnitAmount;
@@ -127,13 +127,14 @@ export class OrderDetails extends React.Component<OrderDetailsProps> {
? new BigNumber(0)
: numTokens;
if (!_.isUndefined(displayNumTokens)) {
let numTokensWithSymbol = displayNumTokens.toString();
let numTokensWithSymbol: React.ReactNode = displayNumTokens.toString();
if (assetName) {
numTokensWithSymbol += ` ${assetName}`;
}
const pricePerTokenWei = this._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;
}
@@ -185,7 +186,7 @@ export class OrderDetails extends React.Component<OrderDetailsProps> {
}
export interface OrderDetailsRowProps {
labelText: string;
labelText: React.ReactNode;
isLabelBold?: boolean;
isPrimaryValueBold?: boolean;
primaryValue: React.ReactNode;