Skip to content

[Frontend] — ENHANCEMENT: Add Prediction Submission Modal Component #883

@Olowodarey

Description

@Olowodarey

Modal for submitting predictions for matches in a creator event. Users can predict outcomes for multiple matches at once.

Required Features

  1. Match Selection:

    • List all unpredicted matches for the event
    • Filter: "All Matches", "Starting Soon", "By Date"
    • Checkbox to select multiple matches
  2. Prediction Form (for each selected match):

    • Match details (Team A vs Team B, time)
    • Outcome selector: Team A, Team B, Draw (radio buttons or toggle)
    • Visual indicator of current selection
  3. Batch Submission:

    • Review all predictions before submitting
    • "Submit All Predictions" button
    • Transaction signing
    • Progress indicator for multi-prediction submission
  4. Validations:

    • Match must not have started
    • User must have joined event
    • User cannot predict same match twice
    • Outcome must be selected
  5. Success State:

    • Show submitted predictions
    • "View My Predictions" button
    • "Predict More" button

Files to create:

  • frontend/src/component/creator-events/PredictionModal.tsx
  • frontend/src/component/creator-events/MatchPredictionCard.tsx

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions