feat: user follow notification

[capJavert]

Changes

API: dailydotdev/daily-api#2933

Events

Did you introduce any new tracking events?

Experiment

Did you introduce any new experiments?

Manual Testing

Caution

Please make sure existing components are not breaking/affected by this PR

AS-1170

Preview domain

https://as-1170-user-follow-notification.preview.app.daily.dev

Jira ticket

AS-1170

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
daily-webapp	✅ Ready (Inspect)	Visit Preview	Jul 21, 2025 10:04am

1 Skipped Deployment

Name	Status	Preview	Updated (UTC)
storybook	⬜️ Ignored (Inspect)		Jul 21, 2025 10:04am

[capJavert]

just needed props as var to spread below

[AmarTrebinjac]

hey thats me

[capJavert]

😆

[capJavert]

"always follow back and subscribe"

[cursor]

Bug: Intersection Observer Fails on Empty Elements

useInView observes the same <div> that conditionally renders the FollowButton only when inView becomes true. Because the div is empty until inView is true, it has zero size, meaning the Intersection Observer never reports the element as intersecting. Consequently inView stays false, the data query is never executed, and the Follow Button is never shown to the user.

packages/shared/src/components/notifications/NotificationFollowUserButton.tsx#L39-L57

apps/packages/shared/src/components/notifications/NotificationFollowUserButton.tsx

Lines 39 to 57 in 54f9ec8

	return (
	<div ref={ref}>
	{inView && (
	<FollowButton
	entityId={referenceId}
	variant={ButtonVariant.Tertiary}
	type={ContentPreferenceType.User}
	status={followPreference?.status}
	entityName={referenceUserName}
	followedVariant={ButtonVariant.Primary}
	className="mt-3"
	buttonClassName={classNames(
	!followPreference?.status &&
	'-ml-3.5 flex min-w-min text-text-link',
	)}
	copyType={CopyType.NiceGuy}
	/>
	)}
	</div>

Fix in Cursor • Fix in Web

---

BugBot free trial expires on July 31, 2025
Learn more in the Cursor dashboard.

Comment bugbot run to trigger another review on this PR
Was this report helpful? Give feedback by reacting with 👍 or 👎