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

percentage text follows style of state box

Browse Source
This commit is contained in:
Giulio De Pasquale 2020-12-20 14:15:49 +00:00
parent 5b8436f7cb
commit 57b3741275
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
websrc/components/Tables.tsx
View File

@ -57,6 +57,7 @@ export class PositionsTable extends Component<{ positions: Array<PositionProp> }
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}>
@ -84,8 +85,8 @@ 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.profit_loss.toLocaleString()} USD</div> <div className="text-sm text-gray-900 font-semibold">{position.profit_loss.toLocaleString()} USD</div>
<div className="text-sm text-gray-500">{position.profit_loss_percentage.toFixed(2)}%</div> <div className={"text-sm ".concat(stateClass)}>{position.profit_loss_percentage.toFixed(2)}%</div>
</td> </td>
<td className="px-6 py-1 whitespace-nowrap text-right text-sm font-medium"> <td className="px-6 py-1 whitespace-nowrap text-right text-sm font-medium">