From 2ee179d7017964acaea41d027ae51765c2e4aafb Mon Sep 17 00:00:00 2001
From: tom <tom@ohhhh.me>
Date: Fri, 10 Nov 2023 10:54:46 -0300
Subject: [PATCH] hide last step for "Ready for relay" withdrawal status

---
 ui/tx/details/TxDetailsWithdrawalStatus.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/ui/tx/details/TxDetailsWithdrawalStatus.tsx b/ui/tx/details/TxDetailsWithdrawalStatus.tsx
index 04bc613315..0cde3177b4 100644
--- a/ui/tx/details/TxDetailsWithdrawalStatus.tsx
+++ b/ui/tx/details/TxDetailsWithdrawalStatus.tsx
@@ -23,12 +23,16 @@ const TxDetailsWithdrawalStatus = ({ status, l1TxHash }: Props) => {
     return null;
   }
 
+  const hasClaimButton = status === 'Ready for relay';
+
+  const steps = hasClaimButton ? WITHDRAWAL_STATUSES.slice(0, -1) : WITHDRAWAL_STATUSES;
+
   const rightSlot = (() => {
     if (status === 'Relayed' && l1TxHash) {
       return <TxEntityL1 hash={ l1TxHash } truncation="constant"/>;
     }
 
-    if (status === 'Ready for relay') {
+    if (hasClaimButton) {
       return (
         <Button
           variant="outline"
@@ -51,11 +55,11 @@ const TxDetailsWithdrawalStatus = ({ status, l1TxHash }: Props) => {
       hint="Detailed status progress of the transaction"
     >
       <VerificationSteps
-        steps={ WITHDRAWAL_STATUSES as unknown as Array<L2WithdrawalStatus> }
+        steps={ steps as unknown as Array<L2WithdrawalStatus> }
         step={ status }
         rightSlot={ rightSlot }
-        my={ status === 'Ready for relay' ? '-6px' : 0 }
-        lineHeight={ status === 'Ready for relay' ? 8 : undefined }
+        my={ hasClaimButton ? '-6px' : 0 }
+        lineHeight={ hasClaimButton ? 8 : undefined }
       />
     </DetailsInfoItem>
   );