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

feat: add ENSBadge component to account details and enable autoAssign for username creation

yoginth.com f8cd05f2 68ebdd08

verified
+47 -1
+2
apps/web/src/components/Account/Details.tsx
··· 18 18 import { useTheme } from "@/hooks/useTheme"; 19 19 import { useProModalStore } from "@/store/non-persisted/modal/useProModalStore"; 20 20 import { useAccountStore } from "@/store/persisted/useAccountStore"; 21 + import ENSBadge from "../Shared/Account/ENSBadge"; 21 22 import CreatorCoin from "./CreatorCoin"; 22 23 import Followerings from "./Followerings"; 23 24 import FollowersYouKnowOverview from "./FollowersYouKnowOverview"; ··· 129 130 <BeakerIcon className="size-5 text-green-500" /> 130 131 </Tooltip> 131 132 )} 133 + <ENSBadge account={account} className="size-5" linkToDashboard /> 132 134 </div> 133 135 <div className="flex items-center space-x-3"> 134 136 <Slug
+1
apps/web/src/components/ENS/Choose.tsx
··· 113 113 return await createUsername({ 114 114 variables: { 115 115 request: { 116 + autoAssign: true, 116 117 username: { 117 118 localName: username.toLowerCase(), 118 119 namespace: HEY_ENS_NAMESPACE
+43
apps/web/src/components/Shared/Account/ENSBadge.tsx
··· 1 + import type { AccountFragment } from "@hey/indexer"; 2 + import { Link } from "react-router"; 3 + import { Image, Tooltip } from "@/components/Shared/UI"; 4 + 5 + interface ENSBadgeProps { 6 + account: AccountFragment; 7 + className?: string; 8 + linkToDashboard?: boolean; 9 + } 10 + 11 + const ENSBadge = ({ 12 + account, 13 + className, 14 + linkToDashboard = false 15 + }: ENSBadgeProps) => { 16 + if (!account.heyEns) { 17 + return null; 18 + } 19 + 20 + const Logo = ( 21 + <Image 22 + className={className} 23 + src="https://ens.domains/assets/brand/mark/ens-mark-Blue.svg" 24 + /> 25 + ); 26 + 27 + return ( 28 + <Tooltip content={`${account.heyEns.localName}.hey.xyz`} placement="right"> 29 + {linkToDashboard ? ( 30 + <Link 31 + target="_blank" 32 + to={`https://app.ens.domains/${account.heyEns.localName}.hey.xyz`} 33 + > 34 + {Logo} 35 + </Link> 36 + ) : ( 37 + Logo 38 + )} 39 + </Tooltip> 40 + ); 41 + }; 42 + 43 + export default ENSBadge;
+1 -1
packages/data/constants.ts
··· 72 72 SUBSCRIPTION: "0x4BE5b4519814A57E6f9AaFC6afBB37eAEeE35aA3" 73 73 } as const; 74 74 75 - export const HEY_ENS_NAMESPACE = "0x242861e7FA8704043035CD09F3d8798B1B1a1552"; 75 + export const HEY_ENS_NAMESPACE = "0x6821262A0E15Ed3b4bFD54c1B4fe558C093A103B"; 76 76 77 77 export const MeVariables = { 78 78 betaBannerId: BANNER_IDS.BETA,