Add buyOrder & sellOrder api

src/index.css

@@ -664,6 +664,11 @@ a {
     -ms-flex: 0.6;
     flex: 0.6;
 }
+.col-52 {
+    -webkit-box-flex: 0.52;
+    -ms-flex: 0.52;
+    flex: 0.52;
+}
 
 .col-55 {
 

src/main/Mobile/Mobile.js

@@ -58,14 +58,14 @@ const Mobile = () => {
         dispatch(setLastPriceInitiate());
     }, 3000)
 
-    const Toast = () => <Toaster position="bottom-right" toastOptions={
+    const Toast = () => <Toaster position="top-center" toastOptions={
         {
             className: "rtl",
             style: {
                 padding: "0.3vh 0.8vw 0.3vh 0",
                 color: "white",
                 lineHeight: "3vh",
-                fontSize: "0.8vw",
+                fontSize: "3.3vw",
                 borderRadius: "4px",
                 background: "var(--mainContent)",
             },

src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Market/Sections/OrderSection/OrderSection.js

@@ -69,10 +69,10 @@ const OrderSection = () => {
 
                 </div>
             </div>
-            <div className={`width-100 col-46`}>
+            <div className={`width-100 col-40`}>
                 {showChart ? <TradingView/> : <OrderBook orderLayout={true}/>}
             </div>
-            <div className={`width-100 col-46`}>
+            <div className={`width-100 col-52`}>
                 <Order/>
             </div>
         </>

src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Market/components/Order/Order.module.css

@@ -3,11 +3,11 @@
 }
 .content {
     height: 100%;
-    padding: 1vh 0.5vw;
+   /* padding: 1vh 0.5vw;*/
 }
 
 .thisButton {
-    width: 100%;
+    /*width: 100%;*/
 }
 .alertSubmit{
     background-color: var(--orange);
@@ -45,4 +45,14 @@
 }
 .stopMarket input {
     cursor: not-allowed;
+}
+
+.smallInput :global(.lead){
+    width: 24%;
+}
+.smallInput :global(input){
+    width: 52%;
+}
+.smallInput :global(.after){
+    width: 24%;
 }

src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Market/components/Order/api/order.js

@@ -1,26 +1,18 @@
 import axios from "axios";
 
-export const createOrder = async (activePair , side , order) => {
-    const timestamp = Date.now()
+export const createOrder = async (symbol, side, order, type = "LIMIT", timeInForce = "GTC", timestamp = Date.now().toString()) => {
     const params = new URLSearchParams();
-    params.append('symbol', activePair.symbol);
+    params.append('symbol',symbol );
     params.append('side', side);
-    params.append('type', "LIMIT");
-    params.append('timeInForce', "GTC");
-    params.append('timestamp', timestamp.toString());
+    params.append('type', type);
+    params.append('timeInForce', timeInForce);
+    params.append('timestamp', timestamp);
     params.append('quantity', order.reqAmount.toString());
     params.append('price', order.pricePerUnit.toString());
-    return await axios.post(`/api/v3/order`, null , {
+    return axios.post(`/api/v3/order`, null, {
         params,
-        headers : {
-            'Content-Type':'application/x-www-form-urlencoded'
+        headers: {
+            'Content-Type': 'application/x-www-form-urlencoded'
         }
-    }).then((res) => {
-        return res;
-    }).catch((e) => {
-        if (!e.response) {
-            return false;
-        }
-        return e.response;
     })
 }