diff --git a/.github/workflows/ipfs_deploy.yml b/.github/workflows/ipfs_deploy.yml index 3a32c38d..80d142f4 100644 --- a/.github/workflows/ipfs_deploy.yml +++ b/.github/workflows/ipfs_deploy.yml @@ -61,5 +61,5 @@ jobs: owner: context.repo.owner, repo: context.repo.repo, release_id: data.id, - body: data.body + `\n
\n Ipfs deployment:` + `${{steps.pinata.outputs.uri}}`, + body: data.body + `\n
\n Ipfs deployment: ` + `${{steps.pinata.outputs.uri}}`, }) diff --git a/src/ui/components/NetworkIcon.tsx b/src/ui/components/NetworkIcon.tsx index a6b79e02..4d7aa465 100644 --- a/src/ui/components/NetworkIcon.tsx +++ b/src/ui/components/NetworkIcon.tsx @@ -1,5 +1,5 @@ import { Box, SxProps } from '@mui/system'; -import { useState } from 'react'; +import { useEffect, useState } from 'react'; import { toHex } from 'viem'; import { arbitrum, @@ -74,8 +74,19 @@ export function NetworkIcon({ css, withTooltip, }: NetworkIconProps) { - const [networkIconName] = useState(getIconNetworkName(chainId)); - const [chain] = useState(chainInfoHelper.getChainParameters(chainId)); + const [networkIconName, setNetworkIconName] = useState( + getIconNetworkName(chainId), + ); + const [chain, setChain] = useState( + chainInfoHelper.getChainParameters(chainId), + ); + + useEffect(() => { + if (chainId) { + setNetworkIconName(getIconNetworkName(chainId)); + setChain(chainInfoHelper.getChainParameters(chainId)); + } + }, [chainId]); return ( <> diff --git a/src/ui/layouts/AppHeader.tsx b/src/ui/layouts/AppHeader.tsx index dbfc01f7..2e8085f6 100644 --- a/src/ui/layouts/AppHeader.tsx +++ b/src/ui/layouts/AppHeader.tsx @@ -521,6 +521,23 @@ export function AppHeader() { )} ))} + handleCloseMobileMenu()} + css={{ + color: '$textLight', + mb: 14, + display: 'block', + }}> + + {texts.header.adi} + + handleCloseMobileMenu()} diff --git a/src/ui/layouts/SettingsButton.tsx b/src/ui/layouts/SettingsButton.tsx index ba098b0d..b067a18f 100644 --- a/src/ui/layouts/SettingsButton.tsx +++ b/src/ui/layouts/SettingsButton.tsx @@ -191,9 +191,28 @@ export function SettingsButton() { color: '$textWhite', [theme.breakpoints.up('lg')]: { width: 190 }, }}> + + + {texts.header.adi} + + + + sx={{ + display: 'block', + typography: 'headline', + color: '$textLight', + }}> {texts.header.theme} diff --git a/src/ui/utils/routes.ts b/src/ui/utils/routes.ts index bf3553ab..33578a5c 100644 --- a/src/ui/utils/routes.ts +++ b/src/ui/utils/routes.ts @@ -7,4 +7,5 @@ export const ROUTES = { rpcSwitcher: '/rpc-switcher', proposalCreateOverview: '/proposal-create-overview', payloadsExplorer: '/payloads-explorer', + adi: 'https://adi.onaave.com/', }; diff --git a/src/ui/utils/texts.ts b/src/ui/utils/texts.ts index 14eec8ac..9aca9e3c 100644 --- a/src/ui/utils/texts.ts +++ b/src/ui/utils/texts.ts @@ -285,6 +285,7 @@ export const texts = { appMode: 'App mode', theme: 'Theme', payloadsExplorer: 'Payloads explorer', + adi: 'Aave delivery infrastructure', appModeDefault: 'Default', appModeDev: 'Dev', appModeExpert: 'Expert', diff --git a/src/web3/components/wallet/ConnectWalletModal.tsx b/src/web3/components/wallet/ConnectWalletModal.tsx index 125e9895..ade6a95a 100644 --- a/src/web3/components/wallet/ConnectWalletModal.tsx +++ b/src/web3/components/wallet/ConnectWalletModal.tsx @@ -46,7 +46,7 @@ export const wallets: Wallet[] = [ walletType: WalletType.Impersonated, icon: `url(${setRelativePath('/images/wallets/impersonated.svg')})`, title: 'Impersonated', - isVisible: false, + isVisible: true, }, ]; @@ -54,8 +54,7 @@ export function ConnectWalletModal({ isOpen, setIsOpen, }: ConnectWalletModalProps) { - const { walletActivating, walletConnectionError, setModalOpen, appMode } = - useStore(); + const { walletActivating, walletConnectionError, setModalOpen } = useStore(); const [impersonatedFormOpen, setImpersonatedFormOpen] = useState(false); @@ -71,19 +70,16 @@ export function ConnectWalletModal({ }, [walletActivating, walletConnectionError]); return ( - + setImpersonatedFormOpen(false) : undefined + }> { - if (wallet.walletType === WalletType.Impersonated) { - return { - ...wallet, - isVisible: appMode === 'expert', - }; - } else { - return wallet; - } - })} + wallets={wallets} walletConnectionError={walletConnectionError} impersonatedFormOpen={impersonatedFormOpen} setImpersonatedFormOpen={setImpersonatedFormOpen} diff --git a/src/web3/components/wallet/ConnectWalletModalContent.tsx b/src/web3/components/wallet/ConnectWalletModalContent.tsx index 4ecc111f..521ee6f2 100644 --- a/src/web3/components/wallet/ConnectWalletModalContent.tsx +++ b/src/web3/components/wallet/ConnectWalletModalContent.tsx @@ -33,7 +33,7 @@ export function ConnectWalletModalContent({ alignItems: 'center', justifyContent: 'center', flexDirection: 'column', - pt: 20, + pt: impersonatedFormOpen ? 60 : 20, }}> - closeClick(false)} - wrapperCss={{ mb: 40 }} - /> )} - - {texts.walletConnect.impersonatedButtonTitle} - + + + + {texts.walletConnect.impersonatedButtonTitle} + + )}