diff --git a/apps/dashboard/src/@/components/blocks/wallet-address.tsx b/apps/dashboard/src/@/components/blocks/wallet-address.tsx
index bee1e2611b7..a4fc5fd4b6c 100644
--- a/apps/dashboard/src/@/components/blocks/wallet-address.tsx
+++ b/apps/dashboard/src/@/components/blocks/wallet-address.tsx
@@ -12,15 +12,11 @@ import { Check, Copy, ExternalLinkIcon } from "lucide-react";
import { useMemo } from "react";
import { type ThirdwebClient, isAddress } from "thirdweb";
import { ZERO_ADDRESS } from "thirdweb";
-import {
- Blobbie,
- MediaRenderer,
- type SocialProfile,
- useSocialProfiles,
-} from "thirdweb/react";
+import { Blobbie, type SocialProfile, useSocialProfiles } from "thirdweb/react";
import { cn } from "../../lib/utils";
import { Badge } from "../ui/badge";
import { Button } from "../ui/button";
+import { Img } from "./Img";
export function WalletAddress(props: {
address: string | undefined;
@@ -182,14 +178,18 @@ function WalletAvatar(props: {
profile.avatar.startsWith("ipfs")),
)?.avatar;
}, [props.profiles]);
+
+ const resolvedAvatarSrc = avatar
+ ? resolveSchemeWithErrorHandler({
+ client: props.thirdwebClient,
+ uri: avatar,
+ })
+ : undefined;
+
return (
- {avatar ? (
-
+ {resolvedAvatarSrc ? (
+
) : (
)}
diff --git a/apps/dashboard/src/app/(dashboard)/profile/[addressOrEns]/components/profile-header.tsx b/apps/dashboard/src/app/(dashboard)/profile/[addressOrEns]/components/profile-header.tsx
index fb2dd1103c7..eb381c98354 100644
--- a/apps/dashboard/src/app/(dashboard)/profile/[addressOrEns]/components/profile-header.tsx
+++ b/apps/dashboard/src/app/(dashboard)/profile/[addressOrEns]/components/profile-header.tsx
@@ -22,7 +22,7 @@ export function ProfileHeader(props: {
}
fallbackComponent={
diff --git a/apps/dashboard/src/components/contract-components/publisher/publisher-header.tsx b/apps/dashboard/src/components/contract-components/publisher/publisher-header.tsx
index 115062b607d..36b15bb72db 100644
--- a/apps/dashboard/src/components/contract-components/publisher/publisher-header.tsx
+++ b/apps/dashboard/src/components/contract-components/publisher/publisher-header.tsx
@@ -65,7 +65,7 @@ export const PublisherHeader: React.FC
= ({
}
loadingComponent={}
- className="size-14 rounded-full"
+ className="size-14 rounded-full object-cover"
/>
diff --git a/apps/dashboard/src/components/explore/publisher/index.tsx b/apps/dashboard/src/components/explore/publisher/index.tsx
index a52561ed787..f486a18e2b1 100644
--- a/apps/dashboard/src/components/explore/publisher/index.tsx
+++ b/apps/dashboard/src/components/explore/publisher/index.tsx
@@ -30,7 +30,7 @@ export const ContractPublisher: React.FC = ({
}
loadingComponent={}
- className="size-5 rounded-full"
+ className="size-5 rounded-full object-cover"
/>