18 lines
513 B
TypeScript
18 lines
513 B
TypeScript
"use client";
|
|
|
|
import { AvatarComponent } from "@rainbow-me/rainbowkit";
|
|
import { blo } from "blo";
|
|
|
|
// Custom Avatar for RainbowKit
|
|
export const BlockieAvatar: AvatarComponent = ({ address, ensImage, size }) => (
|
|
// Don't want to use nextJS Image here (and adding remote patterns for the URL)
|
|
// eslint-disable-next-line @next/next/no-img-element
|
|
<img
|
|
className="rounded-full"
|
|
src={ensImage || blo(address as `0x${string}`)}
|
|
width={size}
|
|
height={size}
|
|
alt={`${address} avatar`}
|
|
/>
|
|
);
|