arbitrum messages status update

blockscout · Jun 25, 2024 · df4699d · df4699d
1 parent 3907d7c
commit df4699d
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 3 deletions.
diff --git a/ui/pages/__screenshots__/ArbitrumL2Deposits.pw.tsx_default_base-view-mobile-1.png b/ui/pages/__screenshots__/ArbitrumL2Deposits.pw.tsx_default_base-view-mobile-1.png
diff --git a/ui/pages/__screenshots__/ArbitrumL2Deposits.pw.tsx_mobile_base-view-mobile-1.png b/ui/pages/__screenshots__/ArbitrumL2Deposits.pw.tsx_mobile_base-view-mobile-1.png
diff --git a/...ges/__screenshots__/ArbitrumL2Withdrawals.pw.tsx_default_base-view-mobile-1.png b/...ges/__screenshots__/ArbitrumL2Withdrawals.pw.tsx_default_base-view-mobile-1.png
diff --git a/...ages/__screenshots__/ArbitrumL2Withdrawals.pw.tsx_mobile_base-view-mobile-1.png b/...ages/__screenshots__/ArbitrumL2Withdrawals.pw.tsx_mobile_base-view-mobile-1.png
diff --git a/ui/shared/statusTag/ArbitrumL2MessageStatus.tsx b/ui/shared/statusTag/ArbitrumL2MessageStatus.tsx
@@ -12,18 +12,36 @@ export interface Props {
 
 const ArbitrumL2MessageStatus = ({ status, isLoading }: Props) => {
   let type: StatusTagType;
+  let text: string;
 
   switch (status) {
-    case 'relayed':
-    case 'confirmed':
+    case 'relayed': {
       type = 'ok';
+      text = 'Relayed';
       break;
+    }
+    case 'confirmed': {
+      type = 'ok';
+      text = 'Ready for relay';
+      break;
+    }
+    case 'sent': {
+      type = 'pending';
+      text = 'Waiting';
+      break;
+    }
+    case 'initiated': {
+      type = 'pending';
+      text = 'Pending';
+      break;
+    }
     default:
       type = 'pending';
+      text = status;
       break;
   }
 
-  return <StatusTag type={ type } text={ status } isLoading={ isLoading }/>;
+  return <StatusTag type={ type } text={ text } isLoading={ isLoading }/>;
 };
 
 export default ArbitrumL2MessageStatus;