JSFiddle - React, Tailwind, and code Playground

by moku23

JavaScript

let account = [
  {
    "_id": {"$oid": "64513d8fd98ed49291d3ad8c"},
    "__v": 0,
    "bad_trades": ["[{\"id\":\"503953037\",\"platform\":\"mt4\",\"type\":\"ORDER_TYPE_BUY\",\"state\":\"ORDER_STATE_FILLED\",\"symbol\":\"USTEC\",\"magic\":0,\"time\":\"2023-05-03T19:36:02.000Z\",\"brokerTime\":\"2023-05-03 22:36:02.000\",\"openPrice\":13053,\"volume\":4,\"currentVolume\":0,\"positionId\":\"503953037\",\"reason\":\"ORDER_REASON_UNKNOWN\",\"fillingMode\":\"ORDER_FILLING_FOK\",\"expirationType\":\"ORDER_TIME_SPECIFIED\",\"doneTime\":\"2023-05-03T19:36:02.000Z\",\"doneBrokerTime\":\"2023-05-03 22:36:02.000\",\"accountCurrencyExchangeRate\":1,\"stopLoss\":12931.71,\"updateSequenceNumber\":1683545498000032},{\"id\":\"503953037\",\"platform\":\"mt4\",\"type\":\"ORDER_TYPE_SELL\",\"state\":\"ORDER_STATE_FILLED\",\"symbol\":\"USTEC\",\"magic\":0,\"time\":\"2023-05-04T04:23:50.000Z\",\"brokerTime\":\"2023-05-04 07:23:50.000\",\"openPrice\":13076.4,\"volume\":4,\"currentVolume\":0,\"positionId\":\"503953037\",\"reason\":\"ORDER_REASON_UNKNOWN\",\"fillingMode\":\"ORDER_FILLING_FOK\",\"expirationType\":\"ORDER_TIME_SPECIFIED\",\"doneTime\":\"2023-05-04T04:23:50.000Z\",\"doneBrokerTime\":\"2023-05-04 07:23:50.000\",\"accountCurrencyExchangeRate\":1,\"stopLoss\":12931.71,\"updateSequenceNumber\":1683545498000032}]", "[{\"id\":\"503953158\",\"platform\":\"mt4\",\"type\":\"ORDER_TYPE_BUY\",\"state\":\"ORDER_STATE_FILLED\",\"symbol\":\"USTEC\",\"magic\":0,\"time\":\"2023-05-03T19:36:18.000Z\",\"brokerTime\":\"2023-05-03 22:36:18.000\",\"openPrice\":13052.5,\"volume\":4,\"currentVolume\":0,\"positionId\":\"503953158\",\"reason\":\"ORDER_REASON_UNKNOWN\",\"fillingMode\":\"ORDER_FILLING_FOK\",\"expirationType\":\"ORDER_TIME_SPECIFIED\",\"doneTime\":\"2023-05-03T19:36:18.000Z\",\"doneBrokerTime\":\"2023-05-03...