@orderly.network/ui-order-entry 2.8.3 → 2.8.4

package/dist/index.mjs

@@ -3,7 +3,7 @@ import { useLocalStorage, utils, usePositionStream, useEventEmitter, useDebounce
 import { useTranslation, i18n } from '@orderly.network/i18n';
 import { useOrderEntryFormErrorMsg, useCanTrade } from '@orderly.network/react-app';
 import { EMPTY_LIST, DistributionType, TrailingCallbackType, OrderSide, OrderType, PositionType, BBOOrderType, OrderLevel, TrackerEventName } from '@orderly.network/types';
-import { ExclamationFillIcon, modal, Text, Tooltip, TooltipTrigger, Flex, Input, cn, inputFormatter, Box, registerSimpleDialog, SimpleDialog, Select, Grid, Checkbox, Slider, textVariants, SettingFillIcon, Badge, Divider, Button, TokenIcon, DataTable, SimpleDropdownMenu, CaretDownIcon, Switch, useScreen, toast, ThrottledButton, SimpleSheet, InfoCircleIcon, PopoverRoot, PopoverTrigger, PopoverContent, EditIcon as EditIcon$1, useModal } from '@orderly.network/ui';
+import { ExclamationFillIcon, modal, Text, Tooltip, TooltipTrigger, Flex, Input, cn, inputFormatter, Box, registerSimpleDialog, SimpleDialog, Select, Grid, Checkbox, Slider, textVariants, SettingFillIcon, Badge, Divider, Button, TokenIcon, DataTable, SimpleDropdownMenu, CaretDownIcon, Switch, useScreen, toast, ThrottledButton, SimpleSheet, InfoCircleIcon, AddCircleIcon, PopoverRoot, PopoverTrigger, PopoverContent, EditIcon as EditIcon$1, useModal } from '@orderly.network/ui';
 import { TPSLPositionTypeWidget, TPSLAdvancedWidget } from '@orderly.network/ui-tpsl';
 import { Decimal, zero, todpIfNeed, getBBOType, removeTrailingZeros } from '@orderly.network/utils';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -1076,6 +1076,21 @@ var Available = (props) => {
           padding: false,
           children: canTrade ? freeCollateral : 0
         }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "text",
+          size: "xs",
+          color: "secondary",
+          className: "oui-p-0 hover:oui-text-base-contrast-80",
+          onClick: () => {
+            modal.show("DepositAndWithdrawWithDialogId", {
+              activeTab: "deposit"
+            });
+          },
+          children: /* @__PURE__ */ jsx(AddCircleIcon, { opacity: 1 })
+        }
       )
     ] })
   ] });