fix(rewards): open wallet by click on AddressBadge

lidofinance · Aug 7, 2024 · d5b87a0 · d5b87a0
1 parent a11d129
commit d5b87a0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git 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
@@ -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 (
     <WalletStyle>
@@ -60,6 +62,7 @@ export const Wallet: FC = () => {
               address={address as `0x${string}`}
               symbolsMobile={6}
               symbolsDesktop={6}
+              onClick={() => openModal({})}
             />
           </WalletContentRowStyle>
         </WalletContentStyle>