feat: support noAutoConnect && change pool style

DODOEX · Oct 25, 2024 · 6e2d598 · 6e2d598
1 parent f0542b5
commit 6e2d598
Show file tree

Hide file tree

Showing 6 changed files with 28 additions and 21 deletions.
diff --git a/packages/dodoex-widgets/package.json b/packages/dodoex-widgets/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dodoex/widgets",
-  "version": "3.0.0-taiko.25",
+  "version": "3.0.0-taiko.26",
   "description": "DODO Widgets",
   "source": "src/index.tsx",
   "types": "dist/index.d.ts",

diff --git a/packages/dodoex-widgets/src/components/Widget/index.tsx b/packages/dodoex-widgets/src/components/Widget/index.tsx
@@ -71,6 +71,7 @@ export interface WidgetProps
   onlyChainId?: ChainId;
   noUI?: boolean;
   noLangProvider?: boolean;
+  noAutoConnect?: boolean;
   routerPage?: Page;
 
   /** When the winding status changes, no pop-up window will be displayed. */
@@ -119,22 +120,26 @@ function InitStatus(props: PropsWithChildren<WidgetProps>) {
   const autoConnectLoading = useSelector(getAutoConnectLoading);
   useEffect(() => {
     if (autoConnectLoading === undefined) {
-      dispatch(setAutoConnectLoading(true));
-      const connectWallet = async () => {
-        const defaultChainId = props.defaultChainId;
-        try {
-          if (connector?.connectEagerly) {
-            await connector.connectEagerly(defaultChainId);
-          } else {
-            await connector.activate(defaultChainId);
+      if (props.noAutoConnect) {
+        dispatch(setAutoConnectLoading(false));
+      } else {
+        dispatch(setAutoConnectLoading(true));
+        const connectWallet = async () => {
+          const defaultChainId = props.defaultChainId;
+          try {
+            if (connector?.connectEagerly) {
+              await connector.connectEagerly(defaultChainId);
+            } else {
+              await connector.activate(defaultChainId);
+            }
+          } finally {
+            dispatch(setAutoConnectLoading(false));
           }
-        } finally {
-          dispatch(setAutoConnectLoading(false));
-        }
-      };
-      connectWallet();
+        };
+        connectWallet();
+      }
     }
-  }, [connector]);
+  }, [connector, props.noAutoConnect]);
 
   useEffect(() => {
     contractRequests.setGetConfigProvider((getProviderChainId) => {

diff --git a/packages/dodoex-widgets/src/locales/en-US.po b/packages/dodoex-widgets/src/locales/en-US.po
@@ -1277,7 +1277,7 @@ msgstr "Confirm submission"
 msgid "Select pool by tokens"
 msgstr "Select pool by tokens"
 
-#: src/widgets/PoolWidget/PoolDetail/components/TotalLiquidity.tsx:173
+#: src/widgets/PoolWidget/PoolDetail/components/TotalLiquidity.tsx:174
 msgid "Asset"
 msgstr "Asset"
 
@@ -1460,7 +1460,7 @@ msgstr "Next"
 msgid "Create"
 msgstr "Create"
 
-#: src/widgets/PoolWidget/PoolDetail/components/TotalLiquidity.tsx:176
+#: src/widgets/PoolWidget/PoolDetail/components/TotalLiquidity.tsx:177
 msgid "Token Amount"
 msgstr "Token Amount"
 
@@ -1494,7 +1494,7 @@ msgstr "Dynamic slippage is {recommendSlippage}%,the current slippage setting is
 msgid "Enter an amount"
 msgstr "Enter an amount"
 
-#: src/widgets/PoolWidget/PoolDetail/components/TotalLiquidity.tsx:179
+#: src/widgets/PoolWidget/PoolDetail/components/TotalLiquidity.tsx:180
 msgid "Ratio"
 msgstr "Ratio"
 

diff --git a/packages/dodoex-widgets/src/locales/zh-CN.po b/packages/dodoex-widgets/src/locales/zh-CN.po
@@ -1277,7 +1277,7 @@ msgstr ""
 msgid "Select pool by tokens"
 msgstr ""
 
-#: src/widgets/PoolWidget/PoolDetail/components/TotalLiquidity.tsx:173
+#: src/widgets/PoolWidget/PoolDetail/components/TotalLiquidity.tsx:174
 msgid "Asset"
 msgstr ""
 
@@ -1460,7 +1460,7 @@ msgstr ""
 msgid "Create"
 msgstr ""
 
-#: src/widgets/PoolWidget/PoolDetail/components/TotalLiquidity.tsx:176
+#: src/widgets/PoolWidget/PoolDetail/components/TotalLiquidity.tsx:177
 msgid "Token Amount"
 msgstr ""
 
@@ -1494,7 +1494,7 @@ msgstr ""
 msgid "Enter an amount"
 msgstr "输入代币数量"
 
-#: src/widgets/PoolWidget/PoolDetail/components/TotalLiquidity.tsx:179
+#: src/widgets/PoolWidget/PoolDetail/components/TotalLiquidity.tsx:180
 msgid "Ratio"
 msgstr ""
 

diff --git a/packages/dodoex-widgets/src/widgets/PoolWidget/PoolDetail/components/BaseQuotePie.tsx b/packages/dodoex-widgets/src/widgets/PoolWidget/PoolDetail/components/BaseQuotePie.tsx
@@ -135,6 +135,7 @@ export function BaseQuotePie({
         )}
       </div>
       <Box
+        className="symbol-wrapper"
         sx={{
           display: 'flex',
           flexDirection: 'column',

diff --git a/packages/dodoex-widgets/src/widgets/PoolWidget/PoolDetail/components/TotalLiquidity.tsx b/packages/dodoex-widgets/src/widgets/PoolWidget/PoolDetail/components/TotalLiquidity.tsx
@@ -73,6 +73,7 @@ export default function TotalLiquidity({
           mt: 16,
           backgroundColor: 'background.paper',
           borderRadius: 16,
+          overflowX: 'auto',
         }}
       >
         {/* chart */}