Skip to content

Feature Request: Improve UI #24

@carloscgm

Description

@carloscgm

Summary

UX improvements to the Raffle screen to give users better control and feedback
before starting a raffle.

1. New design

Better look and feel for the application.

2. Participant validation feedback

After the user enters names, show a summary row indicating how many entries are valid
and how many have errors (e.g. empty lines, duplicates, invalid characters).

Many of this features are already implemented. This is just a change in the UI

Example:

✓ 4 valid participants    ⚠ 1 error

3. Configurable number of winners

Allow the user to select how many winners will be picked when pressing "Start Raffle".

Behavior:

  • Hidden by default — revealed via a collapsible toggle row labeled "Number of
    winners" with a settings icon and a chevron
  • When expanded, shows a stepper control: − · [count] · +
  • Minimum value: 1, maximum: number of active participants
  • The selected count persists across raffles until reset
  • Default value: 1

Design reference

See the updated Raffle Screen - Dark frame in oraffle-design.pen.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions