Invite Share Screen
Component Detail
User Interface
medium complexity
mobile
2
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
Full-screen mobile UI for generating, displaying, and sharing a personalized invite link and QR code. Presents the QR code, shareable link text, and action buttons for the native share sheet and copy-to-clipboard, making recruitment frictionless for users with varying digital skills.
invite-share-screen
Sources & reasoning
Primary user-facing surface for the feature. HLF explicitly requested recruitment functionality positioned as a membership benefit. Peer mentors need a dedicated screen to access and share their invite link or QR code; this is the core interaction surface that drives the referral flow.
No source references — this artifact was included based on reasoning alone (see above).
Responsibilities
- Display the active referral link and rendered QR code for the current user
- Trigger native share sheet via share_plus with the invite URL and attribution message
- Provide copy-to-clipboard action for the invite link
- Show motivational context (e.g. how many people have joined via this link)
Interfaces
show(referralLink: ReferralLink)
onSharePressed()
onCopyLinkPressed()
onQrFullscreenPressed()
Relationships
Dependencies (2)
Components this component depends on