From 7a157a85a766ad081384c331e533f152565a0b68 Mon Sep 17 00:00:00 2001
From: Matthew Bunday <matthew.bunday@coinbase.com>
Date: Fri, 9 Feb 2024 11:26:12 -0500
Subject: [PATCH] Add a more obvious button to the transaction page within
 withdraw flow (#317)

---
 .../WithdrawProgressBar.tsx                   | 23 +++++++++++--------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/apps/bridge/src/components/WithdrawProgressBar/WithdrawProgressBar.tsx b/apps/bridge/src/components/WithdrawProgressBar/WithdrawProgressBar.tsx
index 04c0ec3655..53c44e21df 100644
--- a/apps/bridge/src/components/WithdrawProgressBar/WithdrawProgressBar.tsx
+++ b/apps/bridge/src/components/WithdrawProgressBar/WithdrawProgressBar.tsx
@@ -51,15 +51,20 @@ const BarStatusToBadgeStatuses: Record<BarStatus, BadgeStatus[]> = {
 
 const DisclaimerContent: Record<BarStatus, ReactNode> = {
   REQUEST_SENT: (
-    <>
-      In order to minimize security risk, withdrawals using the official Base Bridge take up to{' '}
-      {challengeWindow}. After your withdrawal request is proposed onchain (within an hour) you must
-      verify and complete the transaction in order to access your funds, on{' '}
-      <Link href="/transactions" className="underline">
-        the transactions page
+    <div className="flex flex-col">
+      <p>
+        In order to minimize security risk, withdrawals using the official Base Bridge take up to{' '}
+        {challengeWindow}. After your withdrawal request is proposed onchain (within an hour) you
+        must verify and complete the transaction in order to access your funds, on{' '}
+        <Link href="/transactions" className="underline">
+          the transactions page
+        </Link>
+        .
+      </p>
+      <Link href="/transactions" className="mt-4 rounded-md bg-white p-4 text-black">
+        Go to Transactions
       </Link>
-      .
-    </>
+    </div>
   ),
   VERIFYING: (
     <>
@@ -93,7 +98,7 @@ export function WithdrawProgressBar({ status }: WithdrawProgressBarProps) {
           <span>Takes up to 1 hr</span>
         </div>
       </div>
-      <span className="font-base">{DisclaimerContent[status]}</span>
+      <div className="font-base">{DisclaimerContent[status]}</div>
       <span className="text-white underline">
         <Link href="https://docs.base.org/tools/bridge-faq">Learn more</Link>
       </span>