diff --git a/src/views/user/components/header.tsx b/src/views/user/components/header.tsx index f0f9b536a..533b9ff1b 100644 --- a/src/views/user/components/header.tsx +++ b/src/views/user/components/header.tsx @@ -7,6 +7,7 @@ import { getUserDisplayName } from "../../../helpers/user-metadata"; import { useCurrentAccount } from "../../../hooks/use-current-account"; import { useUserMetadata } from "../../../hooks/use-user-metadata"; import { UserProfileMenu } from "./user-profile-menu"; +import { UserFollowButton } from "../../../components/user-follow-button"; export default function Header({ pubkey, @@ -21,6 +22,8 @@ export default function Header({ const account = useCurrentAccount(); const isSelf = pubkey === account?.pubkey; + const showFollowButton = useBreakpointValue({ base: false, sm: true }); + const showFullNip05 = useBreakpointValue({ base: false, md: true }); return ( @@ -42,6 +45,7 @@ export default function Header({ onClick={() => navigate("/profile")} /> )} + {showFollowButton && !isSelf && }