Orders History

import { OrdersHistory } from '@hanzo/ui'

export function Default() {
  return <OrdersHistory orders={orders} />
}

export function WithoutFilters() {
  return <OrdersHistory orders={orders} showFilters={false} />
}

export function Cancellable() {
  return (
    <OrdersHistory
      orders={orders}
      onCancelOrder={(orderId) => console.log("cancel", orderId)}
    />
  )
}

export function Empty() {
  return <OrdersHistory orders={[]} />
}

Types

export type OrdersHistorySide = 'buy' | 'sell'

export type OrdersHistoryStatus = 'open' | 'filled' | 'cancelled' | 'pending'

export type OrdersHistoryOrderType = 'market' | 'limit'

export interface Order {
  id: string
  symbol: string
  type: OrdersHistorySide
  shares: number
  price: number
  status: OrdersHistoryStatus
  timestamp: number
  orderType?: OrdersHistoryOrderType
}

export interface OrdersHistoryProps {
  orders: Order[]
  onCancelOrder?: (orderId: string) => void
  onOrderClick?: (order: Order) => void
  /** Shows the status filter row above the list. Defaults to true. */
  showFilters?: boolean
}

Exports