From 775e07767bc51938f377b693c752df56d6cec96e Mon Sep 17 00:00:00 2001
From: Hodor <lost1q84@gmail.com>
Date: Wed, 13 Nov 2024 19:04:02 +0800
Subject: [PATCH] fix: dbk chain bridge status (#2622)

---
 .../pages/Bridge/components/ActivityPopup.tsx | 41 ++++++++++++++-----
 .../views/Ecology/dbk-chain/utils/index.tsx   |  2 +
 2 files changed, 32 insertions(+), 11 deletions(-)

diff --git a/src/ui/views/Ecology/dbk-chain/pages/Bridge/components/ActivityPopup.tsx b/src/ui/views/Ecology/dbk-chain/pages/Bridge/components/ActivityPopup.tsx
index 238be61ede4..8a9641d43a5 100644
--- a/src/ui/views/Ecology/dbk-chain/pages/Bridge/components/ActivityPopup.tsx
+++ b/src/ui/views/Ecology/dbk-chain/pages/Bridge/components/ActivityPopup.tsx
@@ -84,18 +84,37 @@ const ActivityBridgeStatus = ({
   }
   return (
     <div className="mt-[16px] flex flex-col gap-[12px] items-start">
-      <div
-        className="inline-flex items-center gap-[6px] px-[10px] py-[6px] rounded-full bg-r-green-light cursor-pointer"
-        onClick={() => {
-          openInTab(getTxScanLink(chain.scanLink, item.tx_id));
-        }}
-      >
-        <RcIconChecked className="text-r-green-default" />
-        <div className="text-[13px] leading-[16px] text-r-green-default font-bold">
-          {t('page.ecology.dbk.bridge.ActivityPopup.status.withdraw')}
+      {status === 'withdraw-pending' ? (
+        <div
+          className={clsx(
+            'inline-flex items-center gap-[6px]',
+            'px-[10px] py-[6px] rounded-full',
+            'bg-[rgba(255,124,96,0.10)] text-r-orange-DBK cursor-pointer'
+          )}
+          onClick={() => {
+            openInTab(getTxScanLink(chain.scanLink, item.tx_id));
+          }}
+        >
+          <Loading3QuartersOutlined className="text-[14px] animate-spin block" />
+          <div className="text-[13px] leading-[16px] font-bold">
+            {t('page.ecology.dbk.bridge.ActivityPopup.status.withdraw')}
+          </div>
+          <RcIconJump />
         </div>
-        <RcIconJump className="text-r-green-default" />
-      </div>
+      ) : (
+        <div
+          className="inline-flex items-center gap-[6px] px-[10px] py-[6px] rounded-full bg-r-green-light cursor-pointer"
+          onClick={() => {
+            openInTab(getTxScanLink(chain.scanLink, item.tx_id));
+          }}
+        >
+          <RcIconChecked className="text-r-green-default" />
+          <div className="text-[13px] leading-[16px] text-r-green-default font-bold">
+            {t('page.ecology.dbk.bridge.ActivityPopup.status.withdraw')}
+          </div>
+          <RcIconJump className="text-r-green-default" />
+        </div>
+      )}
       {status === 'waiting-to-prove' ? (
         <div className="flex items-center justify-between w-full">
           <div
diff --git a/src/ui/views/Ecology/dbk-chain/utils/index.tsx b/src/ui/views/Ecology/dbk-chain/utils/index.tsx
index 43599462b4e..fc490ab8ee1 100644
--- a/src/ui/views/Ecology/dbk-chain/utils/index.tsx
+++ b/src/ui/views/Ecology/dbk-chain/utils/index.tsx
@@ -152,6 +152,7 @@ export const checkBridgeStatus = async ({
       });
       return 'finalized' as const;
     } catch (e) {
+      console.error(e);
       return 'deposit-pending' as const;
     }
   } else {
@@ -166,6 +167,7 @@ export const checkBridgeStatus = async ({
       });
     } catch (e) {
       console.error(e);
+      return 'withdraw-pending' as const;
     }
   }
 };