🏠 Overview › 🧩 Components ›🧩 QrCodeWidget

QrCodeWidget

Component Detail

User Interface medium complexity mobile
0
Dependencies
0
Dependents
0
Entities
0
Integrations

Description

A self-contained widget that renders a QR code encoding the peer mentor's unique invite URL for in-person scanning. It supports full-screen display and optionally a print-friendly layout.

Feature: Invite Link & QR Sharing

qr-code-widget

Sources & reasoning

Line 117 names vervefunksjonalitet as a unique HLF need. Line 164 of the priority matrix assigns it to Phase 3 with SHOULD priority for HLF only, and Norse Test. Phase 3 maps to v1.1 per the normalization rules. The blueprint area taxonomy (line 473) names Invite Link & QR Sharing as the first feature under referral-program, confirming this is one of the two canonical sub-features of the area.

  • docs/source/likeperson.md · line 117
    Vervefunksjonalitet for medlemsverving (appen som markedsført medlemsfordel).
  • docs/source/likeperson.md · line 164
    Verving / Referral (invite-link, rekruttering) | - | - | - | ✓ | ✓ | SHOULD (HLF) | 3
  • docs/source/likeperson.md · line 361
    Verving / Referral (HLF)

Responsibilities

  • Render a high-contrast QR code from the invite URL string
  • Support full-screen expansion for in-person scanning scenarios
  • Display the mentor's name or branding beneath the QR code
  • Provide a share or save-to-gallery action for the rendered QR image

Interfaces

QrCodeWidget({ inviteUrl: string, mentorName: string }): ReactNode
onSaveImage(): Promise<void>
onFullScreen(): void