[TASK-15544] Add inviter name in points page

[Zishan-7]

Also contributes to TASK-15697

[notion-workspace]

Add inviter name in points page

[notion-workspace]

🪲 Bug: share invite link modal, keeps showing over and over again

[notion-workspace]

🪲 Bug: share invite link modal, keeps showing over and over again

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
peanut-wallet	Ready	Preview	Comment	Oct 8, 2025 6:34pm

[coderabbitai]

Walkthrough

Adds inviter-related UI and assets: new inviter-heart icon and registration, displays inviter on Points page and in UserHeader, updates EarlyUserModal to async close + refresh user, and extends IUserProfile with invitedBy (string | null).

Changes

Cohort / File(s)	Summary
Points page inviter UI src/app/(mobile-ui)/points/page.tsx	Renders a clickable inviter line when user.invitedBy exists, showing an inviter-heart icon and linking to the inviter’s profile with referral copy.
EarlyUserModal flow and copy src/components/Global/EarlyUserModal/index.tsx	Makes modal close handler async, updates hasSeenEarlyUserModal then calls fetchUser; updates title and content to invite-focused messaging; now uses fetchUser from useAuth.
Icon registry update src/components/Global/Icons/Icon.tsx	Imports and registers InviterHeartIcon; adds 'inviter-heart' to IconName and iconComponents.
New inviter-heart icon src/components/Global/Icons/inviter-heart.tsx	Adds InviterHeartIcon React component exporting an SVG (FC<SVGProps<SVGSVGElement>>).
Updated invite-heart SVG src/components/Global/Icons/invite-heart.tsx	Replaces the previous compact SVG with a larger multi-path SVG; component API unchanged.
User header inviter badge src/components/UserHeader/index.tsx	Reads user from useAuth, computes isInviter, and renders an inviter-heart tooltip/icon when the viewer was invited by the profile user; retains existing invited-by indicator.
User profile interface src/interfaces/interfaces.ts	Adds `invitedBy: string

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Possibly related PRs

• feat: recover funds #1200 — Modifies the same icon registry and adds icon components; directly related to Icon.tsx changes.
• [TASK-15430] feat: add Invites heart tag badge #1291 — Adds invite-related icons and UI (invite/ inviter heart), overlapping icon and badge work.
• [TASK-15066] feat: implement UI changes for Points #1266 — Touches the Points page and invite/referral UI, overlapping with the Points page change here.

Suggested reviewers

• Hugo0
• kushagrasarathe

Pre-merge checks and finishing touches

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title Check	✅ Passed	The title concisely and accurately summarizes the primary change of adding the inviter’s name to the points page, directly reflecting the core update in the PR. It includes the relevant task ID while avoiding unnecessary detail or noise. This makes it clear for reviewers scanning the history to understand the main purpose of the changeset.
Description Check	✅ Passed	Although the description consists primarily of an issue reference and image attachments, it remains contextually related to the UI changes implemented in the PR. The included screenshots likely illustrate the new inviter UI on the points page, making it relevant to the described feature. Therefore, the description passes the lenient relevance check.
Docstring Coverage	✅ Passed	No functions found in the changes. Docstring coverage check skipped.

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch feat/inviter-name

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between cd91737 and 94d5fd6.

📒 Files selected for processing (1)

• src/components/UserHeader/index.tsx (3 hunks)

🚧 Files skipped from review as they are similar to previous changes (1)

• src/components/UserHeader/index.tsx

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (1)

• GitHub Check: Deploy-Preview

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 3

📜 Review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between aca307e and 35bae2c.

📒 Files selected for processing (7)

• src/app/(mobile-ui)/points/page.tsx (1 hunks)
• src/components/Global/EarlyUserModal/index.tsx (2 hunks)
• src/components/Global/Icons/Icon.tsx (3 hunks)
• src/components/Global/Icons/invite-heart.tsx (1 hunks)
• src/components/Global/Icons/inviter-heart.tsx (1 hunks)
• src/components/UserHeader/index.tsx (3 hunks)
• src/interfaces/interfaces.ts (1 hunks)

🧰 Additional context used

🧬 Code graph analysis (4)

src/components/UserHeader/index.tsx (3)

src/context/authContext.tsx (1)

• useAuth (191-197)

src/components/Tooltip/index.tsx (1)

• Tooltip (18-106)

src/components/Global/Icons/Icon.tsx (1)

• Icon (207-216)

src/components/Global/Icons/Icon.tsx (1)

src/components/Global/Icons/inviter-heart.tsx (1)

• InviterHeartIcon (3-23)

src/app/(mobile-ui)/points/page.tsx (1)

src/components/Global/Icons/Icon.tsx (1)

• Icon (207-216)

src/components/Global/EarlyUserModal/index.tsx (2)

src/context/authContext.tsx (1)

• useAuth (191-197)

src/app/actions/users.ts (1)

• updateUserById (12-35)

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (1)

• GitHub Check: Deploy-Preview

🔇 Additional comments (6)

src/components/Global/Icons/invite-heart.tsx (1)

5-30: LGTM!

The SVG icon has been updated with a larger, more detailed design. The component signature remains unchanged, ensuring backward compatibility.

src/components/Global/EarlyUserModal/index.tsx (1)

29-29: LGTM!

The updated copy clearly explains the invite-only model and the revenue-sharing structure for invitations.

Also applies to: 35-43

src/interfaces/interfaces.ts (1)

330-330: LGTM!

The invitedBy field properly extends the IUserProfile interface to support the inviter relationship feature.

src/components/UserHeader/index.tsx (1)

62-62: LGTM!

The inviter detection logic correctly identifies when the current viewer is the inviter by comparing usernames with the invitedBy field.

Also applies to: 86-86

src/components/Global/Icons/Icon.tsx (1)

65-65: LGTM!

The new inviter-heart icon is properly registered in the icon system with correct import, type extension, and component mapping.

Also applies to: 132-132, 204-204

src/components/Global/Icons/inviter-heart.tsx (1)

1-23: LGTM!

The new InviterHeartIcon component follows the established pattern for icon components in the codebase, with proper typing and prop forwarding.