From ae9a3e21c1cb4ee6b6d21dbb1b0c4e28cb396446 Mon Sep 17 00:00:00 2001
From: Doug <4741454+douglance@users.noreply.github.com>
Date: Mon, 7 Oct 2024 14:14:30 -0400
Subject: [PATCH] updates to latest designs

---
 .../WithdrawalConfirmationDialog.tsx          | 28 +++++++++++++++++--
 packages/arb-token-bridge-ui/src/constants.ts |  2 ++
 .../src/util/orbitChainsData.json             |  4 ++-
 3 files changed, 31 insertions(+), 3 deletions(-)

diff --git a/packages/arb-token-bridge-ui/src/components/TransferPanel/WithdrawalConfirmationDialog.tsx b/packages/arb-token-bridge-ui/src/components/TransferPanel/WithdrawalConfirmationDialog.tsx
index 5b57633497..193f361f78 100644
--- a/packages/arb-token-bridge-ui/src/components/TransferPanel/WithdrawalConfirmationDialog.tsx
+++ b/packages/arb-token-bridge-ui/src/components/TransferPanel/WithdrawalConfirmationDialog.tsx
@@ -12,7 +12,10 @@ import { useAppState } from '../../state'
 import { trackEvent } from '../../util/AnalyticsUtils'
 import { getNetworkName, isNetwork } from '../../util/networks'
 import { getFastBridges } from '../../util/fastBridges'
-import { CONFIRMATION_PERIOD_ARTICLE_LINK } from '../../constants'
+import {
+  CONFIRMATION_PERIOD_ARTICLE_LINK,
+  FAST_WITHDRAWAL_DOCS_ARTICLE_LINK
+} from '../../constants'
 import { useNativeCurrency } from '../../hooks/useNativeCurrency'
 import { useNetworks } from '../../hooks/useNetworks'
 import { useNetworksRelationship } from '../../hooks/useNetworksRelationship'
@@ -63,9 +66,11 @@ export function WithdrawalConfirmationDialog(
 
   const [checkbox1Checked, setCheckbox1Checked] = useState(false)
   const [checkbox2Checked, setCheckbox2Checked] = useState(false)
+  const [checkbox3Checked, setCheckbox3Checked] = useState(false)
 
   const { isArbitrumOne } = isNetwork(childChain.id)
-  const bothCheckboxesChecked = checkbox1Checked && checkbox2Checked
+  const bothCheckboxesChecked =
+    checkbox1Checked && checkbox2Checked && checkbox3Checked
 
   const estimatedConfirmationDate = getWithdrawalConfirmationDate({
     createdAt: null,
@@ -81,6 +86,7 @@ export function WithdrawalConfirmationDialog(
 
     setCheckbox1Checked(false)
     setCheckbox2Checked(false)
+    setCheckbox3Checked(false)
     setSelectedIndex(0)
   }
 
@@ -157,6 +163,24 @@ export function WithdrawalConfirmationDialog(
                   onChange={setCheckbox2Checked}
                 />
 
+                <Checkbox
+                  label={
+                    <span className="font-light">
+                      I understand that ~{confirmationPeriod} is an estimate,
+                      and it&apos;s possible the committee fails and it will
+                      default back to the 8 days.{' '}
+                      <ExternalLink
+                        href={FAST_WITHDRAWAL_DOCS_ARTICLE_LINK}
+                        className="underline"
+                      >
+                        Learn more.
+                      </ExternalLink>
+                    </span>
+                  }
+                  checked={checkbox3Checked}
+                  onChange={setCheckbox3Checked}
+                />
+
                 <div className="flex">
                   <SecurityGuaranteed />
                 </div>
diff --git a/packages/arb-token-bridge-ui/src/constants.ts b/packages/arb-token-bridge-ui/src/constants.ts
index a4c016d0a7..54a5b9a3b0 100644
--- a/packages/arb-token-bridge-ui/src/constants.ts
+++ b/packages/arb-token-bridge-ui/src/constants.ts
@@ -24,6 +24,8 @@ export const ETH_BALANCE_ARTICLE_LINK = `${SUPPORT_LINK_BASE}/hc/en-us/articles/
 
 export const CONFIRMATION_PERIOD_ARTICLE_LINK = `${SUPPORT_LINK_BASE}/hc/en-us/articles/18213843096091`
 
+export const FAST_WITHDRAWAL_DOCS_ARTICLE_LINK = `${DOCS_DOMAIN}/run-arbitrum-node/arbos-releases/arbos31#additional-requirement-for-arbitrum-orbit-chains-who-wish-to-enable-fast-withdrawals`
+
 export const ORBIT_QUICKSTART_LINK =
   'https://docs.arbitrum.io/launch-orbit-chain/orbit-quickstart'
 
diff --git a/packages/arb-token-bridge-ui/src/util/orbitChainsData.json b/packages/arb-token-bridge-ui/src/util/orbitChainsData.json
index 6f46f75f64..fdf6ecae69 100644
--- a/packages/arb-token-bridge-ui/src/util/orbitChainsData.json
+++ b/packages/arb-token-bridge-ui/src/util/orbitChainsData.json
@@ -677,7 +677,9 @@
           "name": "RARI Testnet",
           "description": "A testnet chain designed specifically for NFT royalties and creator empowerment.",
           "logo": "/images/RARIMainnetLogo.svg"
-        }
+        },
+        "fastWithdrawalTime": 1800000,
+        "fastWithdrawalActive": true
       }
     },
     "1183": {