@orderly.network/trading 2.8.13 → 2.8.14

package/dist/index.mjs

@@ -4266,8 +4266,8 @@ var init_switchLayout = __esm({
         /* @__PURE__ */ jsxs(Flex, { direction: "column", gapY: 2, mt: 5, itemAlign: "start", children: [
           /* @__PURE__ */ jsx(Text, { size: "xs", intensity: 98, children: String(t("trading.layout.advanced")) }),
           /* @__PURE__ */ jsxs(Flex, { gapX: 6, children: [
-            renderItem("right"),
-            renderItem("left")
+            renderItem("left"),
+            renderItem("right")
           ] })
         ] }),
         /* @__PURE__ */ jsxs(Flex, { direction: "column", gapY: 2, mt: 5, itemAlign: "start", children: [
@@ -5270,45 +5270,55 @@ var init_orderBookAndEntry_ui = __esm({
           resizeObserver.unobserve(div);
         };
       }, []);
-      return /* @__PURE__ */ jsxs(
+      const orderBookColumn = /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "oui-rounded-xl oui-bg-base-9",
+          style: { height: `${height + 16}px` },
+          children: /* @__PURE__ */ jsx(React12.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+            LazyOrderBookWidget2,
+            {
+              symbol: props.symbol,
+              height: height ? height - 44 : void 0
+            }
+          ) })
+        }
+      );
+      const orderEntryColumn = /* @__PURE__ */ jsx("div", { className: "oui-rounded-xl oui-bg-base-9 oui-p-2", children: /* @__PURE__ */ jsx(OrderEntryWidget, { symbol: props.symbol, containerRef: divRef }) });
+      return /* @__PURE__ */ jsx(
         "div",
         {
           className: cn(
-            "oui-mx-1 oui-grid oui-grid-cols-[4fr,6fr] oui-gap-1 ",
+            "oui-mx-1 oui-grid oui-gap-1",
+            props.layout === "right" ? "oui-grid-cols-[4fr,6fr]" : "oui-grid-cols-[6fr,4fr]",
             props.className
           ),
-          children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "oui-rounded-xl oui-bg-base-9",
-                style: { height: `${height + 16}px` },
-                children: /* @__PURE__ */ jsx(React12.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
-                  LazyOrderBookWidget2,
-                  {
-                    symbol: props.symbol,
-                    height: height ? height - 44 : void 0
-                  }
-                ) })
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: "oui-rounded-xl oui-bg-base-9 oui-p-2", children: /* @__PURE__ */ jsx(OrderEntryWidget, { symbol: props.symbol, containerRef: divRef }) })
-          ]
+          children: props.layout === "right" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            orderBookColumn,
+            orderEntryColumn
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            orderEntryColumn,
+            orderBookColumn
+          ] })
         }
       );
     };
   }
 });
-
-// src/components/mobile/orderBookAndEntry/orderBookAndEntry.script.tsx
-var useOrderBookAndEntryScript;
+var ORDERLY_MWEB_ORDER_ENTRY_SIDE_MARKETS_LAYOUT, useOrderBookAndEntryScript;
 var init_orderBookAndEntry_script = __esm({
   "src/components/mobile/orderBookAndEntry/orderBookAndEntry.script.tsx"() {
     init_tradingPageContext();
+    ORDERLY_MWEB_ORDER_ENTRY_SIDE_MARKETS_LAYOUT = "orderly_mweb_order_entry_side_markets_layout";
     useOrderBookAndEntryScript = () => {
       const { symbol } = useTradingPageContext();
+      const [layout] = useLocalStorage(
+        ORDERLY_MWEB_ORDER_ENTRY_SIDE_MARKETS_LAYOUT,
+        "right"
+      );
       return {
-        symbol
+        symbol,
+        layout
       };
     };
   }