> ## Documentation Index
> Fetch the complete documentation index at: https://staging-docs.orderly.network/llms.txt
> Use this file to discover all available pages before exploring further.

# Orderly network react.OrdersViewProps

[Orderly SDKs](/sdks/tech-doc/README) / [Modules](/sdks/tech-doc/modules) / [@orderly.network/react](/sdks/tech-doc/modules/orderly_network_react) / OrdersViewProps

# Interface: OrdersViewProps

[@orderly.network/react](/sdks/tech-doc/modules/orderly_network_react).OrdersViewProps

## Table of contents

### Properties

* [cancelAlgoOrder](/sdks/tech-doc/interfaces/orderly_network_react.OrdersViewProps#cancelalgoorder)
* [cancelOrder](/sdks/tech-doc/interfaces/orderly_network_react.OrdersViewProps#cancelorder)
* [cancelTPSLOrder](/sdks/tech-doc/interfaces/orderly_network_react.OrdersViewProps#canceltpslorder)
* [dataSource](/sdks/tech-doc/interfaces/orderly_network_react.OrdersViewProps#datasource)
* [editAlgoOrder](/sdks/tech-doc/interfaces/orderly_network_react.OrdersViewProps#editalgoorder)
* [editOrder](/sdks/tech-doc/interfaces/orderly_network_react.OrdersViewProps#editorder)
* [isLoading](/sdks/tech-doc/interfaces/orderly_network_react.OrdersViewProps#isloading)
* [isStopOrder](/sdks/tech-doc/interfaces/orderly_network_react.OrdersViewProps#isstoporder)
* [loadMore](/sdks/tech-doc/interfaces/orderly_network_react.OrdersViewProps#loadmore)
* [onCancelAll](/sdks/tech-doc/interfaces/orderly_network_react.OrdersViewProps#oncancelall)
* [onShowAllSymbolChange](/sdks/tech-doc/interfaces/orderly_network_react.OrdersViewProps#onshowallsymbolchange)
* [onSymbolChange](/sdks/tech-doc/interfaces/orderly_network_react.OrdersViewProps#onsymbolchange)
* [showAllSymbol](/sdks/tech-doc/interfaces/orderly_network_react.OrdersViewProps#showallsymbol)
* [symbol](/sdks/tech-doc/interfaces/orderly_network_react.OrdersViewProps#symbol)

## Properties

### cancelAlgoOrder

• **cancelAlgoOrder**: (`orderId`: `number`, `symbol`: `string`) => `Promise`\<`any`>

#### Type declaration

▸ (`orderId`, `symbol`): `Promise`\<`any`>

##### Parameters

| Name      | Type     |
| :-------- | :------- |
| `orderId` | `number` |
| `symbol`  | `string` |

##### Returns

`Promise`\<`any`>

#### Defined in

[packages/component/src/block/orders/types.ts:11](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orders/types.ts#L11)

***

### cancelOrder

• **cancelOrder**: (`orderId`: `number`, `symbol`: `string`) => `Promise`\<`any`>

#### Type declaration

▸ (`orderId`, `symbol`): `Promise`\<`any`>

##### Parameters

| Name      | Type     |
| :-------- | :------- |
| `orderId` | `number` |
| `symbol`  | `string` |

##### Returns

`Promise`\<`any`>

#### Defined in

[packages/component/src/block/orders/types.ts:9](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orders/types.ts#L9)

***

### cancelTPSLOrder

• **cancelTPSLOrder**: (`orderId`: `number`, `rootAlgoOrderId`: `number`) => `Promise`\<`any`>

#### Type declaration

▸ (`orderId`, `rootAlgoOrderId`): `Promise`\<`any`>

##### Parameters

| Name              | Type     |
| :---------------- | :------- |
| `orderId`         | `number` |
| `rootAlgoOrderId` | `number` |

##### Returns

`Promise`\<`any`>

#### Defined in

[packages/component/src/block/orders/types.ts:13](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orders/types.ts#L13)

***

### dataSource

• **dataSource**: `any`\[]

#### Defined in

[packages/component/src/block/orders/types.ts:4](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orders/types.ts#L4)

***

### editAlgoOrder

• **editAlgoOrder**: (`orderId`: `string`, `order`: [`OrderEntity`](/sdks/tech-doc/interfaces/orderly_network_types.OrderEntity)) => `Promise`\<`any`>

#### Type declaration

▸ (`orderId`, `order`): `Promise`\<`any`>

##### Parameters

| Name      | Type                                                                         |
| :-------- | :--------------------------------------------------------------------------- |
| `orderId` | `string`                                                                     |
| `order`   | [`OrderEntity`](/sdks/tech-doc/interfaces/orderly_network_types.OrderEntity) |

##### Returns

`Promise`\<`any`>

#### Defined in

[packages/component/src/block/orders/types.ts:12](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orders/types.ts#L12)

***

### editOrder

• **editOrder**: (`orderId`: `string`, `order`: [`OrderEntity`](/sdks/tech-doc/interfaces/orderly_network_types.OrderEntity)) => `Promise`\<`any`>

#### Type declaration

▸ (`orderId`, `order`): `Promise`\<`any`>

##### Parameters

| Name      | Type                                                                         |
| :-------- | :--------------------------------------------------------------------------- |
| `orderId` | `string`                                                                     |
| `order`   | [`OrderEntity`](/sdks/tech-doc/interfaces/orderly_network_types.OrderEntity) |

##### Returns

`Promise`\<`any`>

#### Defined in

[packages/component/src/block/orders/types.ts:10](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orders/types.ts#L10)

***

### isLoading

• **isLoading**: `boolean`

#### Defined in

[packages/component/src/block/orders/types.ts:7](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orders/types.ts#L7)

***

### isStopOrder

• `Optional` **isStopOrder**: `boolean`

#### Defined in

[packages/component/src/block/orders/types.ts:8](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orders/types.ts#L8)

***

### loadMore

• **loadMore**: () => `void`

#### Type declaration

▸ (): `void`

##### Returns

`void`

#### Defined in

[packages/component/src/block/orders/types.ts:18](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orders/types.ts#L18)

***

### onCancelAll

• `Optional` **onCancelAll**: () => `Promise`\<`any`>

#### Type declaration

▸ (): `Promise`\<`any`>

##### Returns

`Promise`\<`any`>

#### Defined in

[packages/component/src/block/orders/types.ts:6](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orders/types.ts#L6)

***

### onShowAllSymbolChange

• `Optional` **onShowAllSymbolChange**: (`value`: `boolean`) => `void`

#### Type declaration

▸ (`value`): `void`

##### Parameters

| Name    | Type      |
| :------ | :-------- |
| `value` | `boolean` |

##### Returns

`void`

#### Defined in

[packages/component/src/block/orders/types.ts:15](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orders/types.ts#L15)

***

### onSymbolChange

• `Optional` **onSymbolChange**: (`symbol`: [`Symbol`](/sdks/tech-doc/interfaces/orderly_network_types.API.Symbol)) => `void`

#### Type declaration

▸ (`symbol`): `void`

##### Parameters

| Name     | Type                                                                   |
| :------- | :--------------------------------------------------------------------- |
| `symbol` | [`Symbol`](/sdks/tech-doc/interfaces/orderly_network_types.API.Symbol) |

##### Returns

`void`

#### Defined in

[packages/component/src/block/orders/types.ts:17](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orders/types.ts#L17)

***

### showAllSymbol

• `Optional` **showAllSymbol**: `boolean`

#### Defined in

[packages/component/src/block/orders/types.ts:14](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orders/types.ts#L14)

***

### symbol

• **symbol**: `string`

#### Defined in

[packages/component/src/block/orders/types.ts:16](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orders/types.ts#L16)