rustico/core
2
0
Fork 0
Code Issues 9 Pull Requests Projects Releases Wiki Activity

symbolToPair in tables

Browse Source
This commit is contained in:
Giulio De Pasquale 2020-12-20 17:12:16 +00:00
parent 57b3741275
commit 11d89dda49
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
websrc/components/Tables.tsx
View File

@ -1,6 +1,7 @@
import React, {Component} from "react" import React, {Component} from "react"
import {PositionProp} from "../types"; import {PositionProp} from "../types";
import {ClosePositionModal} from "./Overlays"; import {ClosePositionModal} from "./Overlays";
import {symbolToPair} from "../utils";
type PositionsTableState = { type PositionsTableState = {
showConfirmation: boolean, showConfirmation: boolean,
@ -54,10 +55,11 @@ export class PositionsTable extends Component<{ positions: Array<PositionProp> }
renderTableRows() { renderTableRows() {
return this.props.positions.map((position) => { return this.props.positions.map((position) => {
// TODO: move symbolToPair out of here?
const currencyPair = symbolToPair(position.symbol)
const stateBg = "bg-".concat(this.stateColor(position.state)).concat("-100 ") const stateBg = "bg-".concat(this.stateColor(position.state)).concat("-100 ")
const stateText = "text-".concat(this.stateColor(position.state)).concat("-800 ") const stateText = "text-".concat(this.stateColor(position.state)).concat("-800 ")
const stateClass = "px-2 inline-flex text-xs leading-5 font-semibold rounded-full ".concat(stateBg).concat(stateText) const stateClass = "px-2 inline-flex text-xs leading-5 font-semibold rounded-full ".concat(stateBg).concat(stateText)
const percentageText = "text-".concat(this.stateColor(position.state)).concat("-300 ")
return ( return (
<tr key={position.id}> <tr key={position.id}>
@ -70,22 +72,22 @@ export class PositionsTable extends Component<{ positions: Array<PositionProp> }
</td> </td>
<td className="px-6 py-1 whitespace-nowrap"> <td className="px-6 py-1 whitespace-nowrap">
<div className="text-sm text-gray-900">{position.symbol}</div> <div className="text-sm text-gray-900">{currencyPair.base}/{currencyPair.quote}</div>
{/*<div className="text-sm text-gray-500">{position.}</div>*/} {/*<div className="text-sm text-gray-500">{position.}</div>*/}
</td> </td>
<td className="px-6 py-1 whitespace-nowrap"> <td className="px-6 py-1 whitespace-nowrap">
<div className="text-sm text-gray-900">{position.base_price.toLocaleString()} USD/BTC</div> <div className="text-sm text-gray-900">{position.base_price.toLocaleString()} {currencyPair.quote}/{currencyPair.base}</div>
{/*<div className="text-sm text-gray-500">Insert total % here?</div>*/} {/*<div className="text-sm text-gray-500">Insert total % here?</div>*/}
</td> </td>
<td className="px-6 py-1 whitespace-nowrap"> <td className="px-6 py-1 whitespace-nowrap">
<div className="text-sm text-gray-900">{position.amount.toFixed(5)} BTC</div> <div className="text-sm text-gray-900">{position.amount.toFixed(5)} {currencyPair.base}</div>
<div className="text-sm text-gray-500">Insert total % here?</div> <div className="text-sm text-gray-500">Insert total % here?</div>
</td> </td>
<td className="px-6 py-1 whitespace-nowrap"> <td className="px-6 py-1 whitespace-nowrap">
<div className="text-sm text-gray-900 font-semibold">{position.profit_loss.toLocaleString()} USD</div> <div className="text-sm text-gray-900 font-semibold">{position.profit_loss.toLocaleString()} {currencyPair.quote}</div>
<div className={"text-sm ".concat(stateClass)}>{position.profit_loss_percentage.toFixed(2)}%</div> <div className={"text-sm ".concat(stateClass)}>{position.profit_loss_percentage.toFixed(2)}%</div>
</td> </td>