QrCodeWidget
Component Detail
User Interface
medium complexity
mobile
0
Dependencies
0
Dependents
0
Entities
0
Integrations
Description
A full-screen widget that renders a scannable QR code encoding the peer mentor's referral link, optimised for in-person display at events or workshops. It supports brightness boost and keeps the screen awake while visible.
qr-code-widget
Sources & reasoning
HLF named referral / member recruitment as a SHOULD HAVE requirement and the priority matrix assigns it Phase 3 (Fase 3), which maps to v1.1. The invite-link and QR sharing mechanism is the entry point of the referral flow - without it, recruitment tracking has nothing to count. Blueprint ID invite-link-qr-sharing is preserved exactly as specified.
-
docs/source/likeperson.md · line 117**Vervefunksjonalitet** for medlemsverving (appen som markedsført medlemsfordel).
-
docs/source/likeperson.md · line 162| Verving / Referral (invite-link, rekruttering) | - | - | - | ✓ | ✓ | SHOULD (HLF) | 3 |
-
docs/source/likeperson.md · line 360- Verving / Referral (HLF)
Responsibilities
- Render a high-contrast QR code from the provided referral URL
- Keep device screen awake and raise brightness while the widget is active
- Display the mentor's name and organisation beneath the QR code for context
- Provide a share button to fall back to URL-based sharing from the same view
Interfaces
QrCodeWidget({ referralUrl: string, mentorName: string }): ReactNode
onDismiss(): void
onShareFallback(referralUrl: string): void