Block component allowing users to deposit.

​

Features

• The component is already integrated with @orderly.network/hooks and can be used without any configuration.
• The component handles checks on the user’s status, as well as connection to the wallet.
• The component must be used within the ConnectionProvider component within OrderlyAppProvider.

​

Usage

​

Static mode

You can display the Deposit component directly in your project:

import { Deposit } from "@orderly.network/react";

export const App = () => {
  return <Deposit />;
};

​

Modal mode

You can also choose to displays the deposit component through a modal:

import { AssetsProvider, Deposit, modal } from "@orderly.network/react";

const { dialog } = modal;

export const App = () => {
  return (
    <Button
      onClick={() => {
        dialog({
          title: "Deposit",
          content: <Deposit />
        });
      }}
    >
      Open deposit dialog
    </Button>
  );
};

​

APIs

​

onOk

• Type: (data: any) => void
• Required: false

Callback function after the deposit is complete, providing the status of the deposit transaction.

​

onCancel

• Type: () => void
• Required: false

Callback function after the deposit has been canceled.