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

package/dist/index.mjs

@@ -4138,8 +4138,11 @@ var OrderEntry = (props) => {
   const soundAlertId = useId();
   const { getErrorMsg } = useOrderEntryFormErrorMsg(validated ? errors : null);
   const buttonLabel = useMemo(() => {
+    if (isMobile && freeCollateral <= 0) {
+      return t("common.deposit");
+    }
     return side === OrderSide.BUY ? t("orderEntry.buyLong") : t("orderEntry.sellShort");
-  }, [side, t]);
+  }, [side, t, isMobile, freeCollateral]);
   useEffect(() => {
     if (validated) {
       setErrorMsgVisible(true);
@@ -4411,9 +4414,17 @@ var OrderEntry = (props) => {
                   id: "order-entry-submit-button",
                   "data-type": OrderSide.BUY,
                   className: cn(
-                    side === 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 === 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) {
+                      modal.show("DepositAndWithdrawWithSheetId", {
+                        activeTab: "deposit"
+                      });
+                    } else {
+                      validateSubmit();
+                    }
+                  },
                   loading: props.isMutating,
                   disabled: !props.canTrade,
                   children: buttonLabel