diff --git a/features/rewards/features/top-card/styles.tsx b/features/rewards/features/top-card/styles.tsx index 925c68004..7ba12c78e 100644 --- a/features/rewards/features/top-card/styles.tsx +++ b/features/rewards/features/top-card/styles.tsx @@ -28,6 +28,7 @@ export const WalletContentRowStyle = styled.div` export const WalletContentAddressBadgeStyle = styled(AddressBadge)` background: #00000033; + cursor: pointer; `; export const ConnectWalletStyle = styled(WalletCardStyle)` diff --git a/features/rewards/features/top-card/wallet.tsx b/features/rewards/features/top-card/wallet.tsx index 3f16d3946..d2bf33360 100644 --- a/features/rewards/features/top-card/wallet.tsx +++ b/features/rewards/features/top-card/wallet.tsx @@ -7,6 +7,7 @@ import { useRewardsHistory } from 'features/rewards/hooks'; import { useRewardsBalanceData } from 'features/rewards/hooks/use-rewards-balance-data'; import { FlexCenter } from 'features/stake/stake-form/wallet/styles'; import { CardBalance } from 'shared/wallet'; +import { useWalletModal } from 'shared/wallet/wallet-modal/use-wallet-modal'; import { WalletStyle, @@ -18,6 +19,7 @@ import { export const Wallet: FC = () => { const { data: balanceData } = useRewardsBalanceData(); const { currencyObject: currency, address, loading } = useRewardsHistory(); + const { openModal } = useWalletModal(); return ( @@ -60,6 +62,7 @@ export const Wallet: FC = () => { address={address as `0x${string}`} symbolsMobile={6} symbolsDesktop={6} + onClick={() => openModal({})} />