Hey is a decentralized and permissionless social media app built with Lens Protocol 🌿

feat: display ENS badge in account previews and posts when local name is available

yoginth.com 5dea69c4 f8cd05f2

verified
+14
+6
apps/web/src/components/Post/PostAccount.tsx
··· 43 43 {account.hasSubscribed && ( 44 44 <CheckBadgeIcon className="size-4 text-brand-500" /> 45 45 )} 46 + {account.heyEns?.localName && ( 47 + <Image 48 + className="size-4" 49 + src="https://ens.domains/assets/brand/mark/ens-mark-Blue.svg" 50 + /> 51 + )} 46 52 </span> 47 53 </AccountPreview> 48 54 </AccountLink>
+2
apps/web/src/components/Shared/Account/AccountPreview.tsx
··· 11 11 import getMentions from "@/helpers/getMentions"; 12 12 import nFormatter from "@/helpers/nFormatter"; 13 13 import truncateByWords from "@/helpers/truncateByWords"; 14 + import ENSBadge from "./ENSBadge"; 14 15 import FollowUnfollowButton from "./FollowUnfollowButton"; 15 16 16 17 interface AccountPreviewProps { ··· 91 92 <CheckBadgeIcon className="size-4 text-brand-500" /> 92 93 )} 93 94 {account.isBeta && <BeakerIcon className="size-4 text-green-500" />} 95 + <ENSBadge account={account} className="size-4" /> 94 96 </div> 95 97 <span> 96 98 <Slug className="text-sm" slug={getAccount(account).username} />
+6
apps/web/src/components/Shared/Account/SingleAccount.tsx
··· 59 59 {(isVerified || account.hasSubscribed) && ( 60 60 <CheckBadgeIcon className="size-4 text-brand-500" /> 61 61 )} 62 + {account.heyEns?.localName && ( 63 + <Image 64 + className="size-4" 65 + src="https://ens.domains/assets/brand/mark/ens-mark-Blue.svg" 66 + /> 67 + )} 62 68 </div> 63 69 <Slug className="text-sm" slug={getAccount(account).username} /> 64 70 </div>