tailwind #9
@ -57,6 +57,7 @@ export class PositionsTable extends Component<{ positions: Array<PositionProp> }
|
||||
const stateBg = "bg-".concat(this.stateColor(position.state)).concat("-100 ")
|
||||
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 percentageText = "text-".concat(this.stateColor(position.state)).concat("-300 ")
|
||||
|
||||
return (
|
||||
<tr key={position.id}>
|
||||
@ -84,8 +85,8 @@ export class PositionsTable extends Component<{ positions: Array<PositionProp> }
|
||||
</td>
|
||||
|
||||
<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-500">{position.profit_loss_percentage.toFixed(2)}%</div>
|
||||
<div className="text-sm text-gray-900 font-semibold">{position.profit_loss.toLocaleString()} USD</div>
|
||||
<div className={"text-sm ".concat(stateClass)}>{position.profit_loss_percentage.toFixed(2)}%</div>
|
||||
</td>
|
||||
|
||||
<td className="px-6 py-1 whitespace-nowrap text-right text-sm font-medium">
|
||||
|
Loading…
Reference in New Issue
Block a user