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 && }