feat(canonical-bridge-widget): Update widget ui

bnb-chain · Oct 31, 2024 · 2fc96a2 · 2fc96a2
1 parent be6028b
commit 2fc96a2
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 3 deletions.
diff --git a/.release/.changeset/dirty-shoes-tap.md b/.release/.changeset/dirty-shoes-tap.md
@@ -0,0 +1,5 @@
+---
+"@bnb-chain/canonical-bridge-widget": patch
+---
+
+Update widget ui
diff --git a/.release/.changeset/pre.json b/.release/.changeset/pre.json
@@ -8,6 +8,7 @@
   "changesets": [
     "chilled-lizards-compare",
     "cyan-boxes-judge",
+    "dirty-shoes-tap",
     "early-drinks-bathe",
     "fuzzy-houses-complain",
     "long-ears-press",

diff --git a/packages/canonical-bridge-widget/CHANGELOG.md b/packages/canonical-bridge-widget/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @bnb-chain/canonical-bridge-widget
 
+## 0.3.2-alpha.17
+
+### Patch Changes
+
+- Update widget ui
+
 ## 0.3.2-alpha.16
 
 ### Patch Changes

diff --git a/packages/canonical-bridge-widget/package.json b/packages/canonical-bridge-widget/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@bnb-chain/canonical-bridge-widget",
-  "version": "0.3.2-alpha.16",
+  "version": "0.3.2-alpha.17",
   "description": "canonical bridge widget",
   "author": "bnb-chain",
   "private": false,

diff --git a/packages/canonical-bridge-widget/src/modules/transfer/components/ReceiveInfo/index.tsx b/packages/canonical-bridge-widget/src/modules/transfer/components/ReceiveInfo/index.tsx
@@ -138,8 +138,16 @@ export const ReceiveInfo = ({ onOpen }: ReceiveInfoProps) => {
 
   const isHideSection = useMemo(() => {
     // no receive amount and some routes are displayed
-    return !Number(sendValue);
-  }, [sendValue]);
+    if (!Number(sendValue)) return true;
+    if (isGlobalFeeLoading) return false;
+    return (
+      !Number(sendValue) ||
+      (!isBase &&
+        estimatedAmount &&
+        !Object.values(estimatedAmount).every((element) => element === undefined) &&
+        !receiveAmt)
+    );
+  }, [sendValue, estimatedAmount, receiveAmt, isGlobalFeeLoading, isBase]);
 
   const isHideRouteButton = useMemo(() => {
     return (