diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx old mode 100755 new mode 100644 index b9a5410..7c50cce --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -25,7 +25,12 @@ import { addressAtom } from '@/store/claims.atoms'; import { MyMenuItemProps, MyMenuListProps, shortAddress } from '@/utils'; import { useEffect } from 'react'; import { lastWalletAtom } from '@/store/utils.atoms'; -import { useAccount, useConnect, useDisconnect } from '@starknet-react/core'; +import { + useAccount, + useConnect, + useDisconnect, + useStarkProfile, +} from '@starknet-react/core'; import { CONNECTOR_NAMES, MYCONNECTORS } from '@/app/template'; import { isMobile } from 'react-device-detect'; @@ -39,6 +44,10 @@ export default function Navbar(props: NavbarProps) { const { connect, connectors } = useConnect(); const { disconnectAsync } = useDisconnect(); const setAddress = useSetAtom(addressAtom); + const { data: starkProfile } = useStarkProfile({ + address, + useDefaultPfp: true, + }); const [lastWallet, setLastWallet] = useAtom(lastWalletAtom); const { starknetkitConnectModal: starknetkitConnectModal1 } = useStarknetkitConnectModal({ @@ -241,7 +250,26 @@ export default function Navbar(props: NavbarProps) { onClick={address ? undefined : connectWallet} size="xs" > -