@orderly.network/ui-order-entry 2.8.9-alpha.0 → 2.8.10-alpha.0

package/dist/index.js

@@ -4144,8 +4144,11 @@ var OrderEntry = (props) => {
   const soundAlertId = React3.useId();
   const { getErrorMsg } = reactApp.useOrderEntryFormErrorMsg(validated ? errors : null);
   const buttonLabel = React3.useMemo(() => {
+    if (isMobile && freeCollateral <= 0) {
+      return t("common.deposit");
+    }
     return side === types.OrderSide.BUY ? t("orderEntry.buyLong") : t("orderEntry.sellShort");
-  }, [side, t]);
+  }, [side, t, isMobile, freeCollateral]);
   React3.useEffect(() => {
     if (validated) {
       setErrorMsgVisible(true);
@@ -4417,9 +4420,17 @@ var OrderEntry = (props) => {
                   id: "order-entry-submit-button",
                   "data-type": types.OrderSide.BUY,
                   className: ui.cn(
-                    side === types.OrderSide.BUY ? "orderly-order-entry-submit-button-buy oui-bg-success-darken hover:oui-bg-success-darken/80 active:oui-bg-success-darken/80" : "orderly-order-entry-submit-button-sell oui-bg-danger-darken hover:oui-bg-danger-darken/80 active:oui-bg-danger-darken/80"
+                    isMobile && freeCollateral <= 0 ? "oui-bg-primary-darken hover:oui-bg-primary-darken/80 active:oui-bg-primary-darken/80" : side === types.OrderSide.BUY ? "orderly-order-entry-submit-button-buy oui-bg-success-darken hover:oui-bg-success-darken/80 active:oui-bg-success-darken/80" : "orderly-order-entry-submit-button-sell oui-bg-danger-darken hover:oui-bg-danger-darken/80 active:oui-bg-danger-darken/80"
                   ),
-                  onClick: validateSubmit,
+                  onClick: () => {
+                    if (isMobile && freeCollateral <= 0) {
+                      ui.modal.show("DepositAndWithdrawWithSheetId", {
+                        activeTab: "deposit"
+                      });
+                    } else {
+                      validateSubmit();
+                    }
+                  },
                   loading: props.isMutating,
                   disabled: !props.canTrade,
                   children: buttonLabel