Referral Screen
Component Detail
User Interface
medium complexity
mobile
2
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
Primary screen where peer mentors and coordinators generate and manage their personalized referral links and QR codes. Displays the current active referral link, a rendered QR code, sharing options via the native share sheet, and link expiration status. The screen adapts to role context, showing coordinators additional options for organization-level referral links.
referral-screen
Responsibilities
- Display personalized referral link with copy-to-clipboard action
- Show QR code rendered from the referral link for in-person sharing
- Trigger native share sheet for distribution via messaging apps and social media
- Display link expiration countdown and allow regeneration of expired links
- Adapt layout for peer mentor versus coordinator role contexts
Interfaces
buildReferralScreen(userId, orgContext)
onGenerateLink()
onShareLink()
onCopyLink()
onRegenerateLink()
showLinkExpiredDialog()
showShareSheet(linkUrl)
displayQrCode(referralToken)
Relationships
Dependencies (2)
Components this component depends on