diff --git a/apps/backtest-report/components/TradingViewChart.tsx b/apps/backtest-report/components/TradingViewChart.tsx index bd687219d..d22e76636 100644 --- a/apps/backtest-report/components/TradingViewChart.tsx +++ b/apps/backtest-report/components/TradingViewChart.tsx @@ -379,6 +379,7 @@ const TradingViewChart = (props: TradingViewChartProps) => { const intervals = props.reportSummary.intervals || []; const [currentInterval, setCurrentInterval] = useState(intervals.length > 0 ? intervals[0] : '1m'); const [showPositionBase, setShowPositionBase] = useState(false); + const [showCanceledOrders, setShowCanceledOrders] = useState(false); const [showPositionAverageCost, setShowPositionAverageCost] = useState(false); const [orders, setOrders] = useState([]); @@ -557,7 +558,12 @@ const TradingViewChart = (props: TradingViewChartProps) => { - { + + setShowCanceledOrders(event.currentTarget.checked)}/> + + + { console.log("selected order", order); const visibleRange = chart.current.timeScale().getVisibleRange() const seconds = parseInterval(currentInterval) @@ -578,11 +584,20 @@ const TradingViewChart = (props: TradingViewChartProps) => { interface OrderListTableProps { orders: Order[]; + showCanceled: boolean; onClick?: (order: Order) => void; } const OrderListTable = (props: OrderListTableProps) => { - const rows = props.orders.map((order: Order) => ( + let orders = props.orders; + + if (!props.showCanceled) { + orders = orders.filter((order : Order) => { + return order.status != "CANCELED" + }) + } + + const rows = orders.map((order: Order) => ( { props.onClick ? props.onClick(order) : null; const nodes = e.currentTarget?.parentNode?.querySelectorAll(".selected")