fix: Display Activate now button in sidebar for counterfactual safes

safe-global · Oct 2, 2024 · a623664 · a623664
1 parent 6cd64f8
commit a623664
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/components/sidebar/NewTxButton/index.tsx b/src/components/sidebar/NewTxButton/index.tsx
@@ -1,3 +1,5 @@
+import ActivateAccountButton from '@/features/counterfactual/ActivateAccountButton'
+import useIsCounterfactualSafe from '@/features/counterfactual/hooks/useIsCounterfactualSafe'
 import { type ReactElement, useContext } from 'react'
 import Button from '@mui/material/Button'
 import { OVERVIEW_EVENTS, trackEvent } from '@/services/analytics'
@@ -8,12 +10,17 @@ import WatchlistAddButton from '../WatchlistAddButton'
 
 const NewTxButton = (): ReactElement => {
   const { setTxFlow } = useContext(TxModalContext)
+  const isCounterfactualSafe = useIsCounterfactualSafe()
 
   const onClick = () => {
     setTxFlow(<NewTxFlow />, undefined, false)
     trackEvent({ ...OVERVIEW_EVENTS.NEW_TRANSACTION, label: 'sidebar' })
   }
 
+  if (isCounterfactualSafe) {
+    return <ActivateAccountButton />
+  }
+
   return (
     <CheckWallet allowSpendingLimit noTooltip>
       {(isOk) =>

diff --git a/src/features/counterfactual/ActivateAccountButton.tsx b/src/features/counterfactual/ActivateAccountButton.tsx
@@ -31,6 +31,7 @@ const ActivateAccountButton = () => {
               data-testid="activate-account-btn-cf"
               variant="contained"
               size="small"
+              fullWidth
               onClick={activateAccount}
               disabled={isProcessing || !isOk}
               sx={{ minHeight: '40px' }}