Background:

Implement the front-end needed to allow users to indicate that an edit is related to an event they are participating in at the time of editing.

This should be done by showing a dialog after the user publishes their edit.

The implementation must work for both desktop and mobile experiences, but this ticket covers the mobile experience. We want this work in mobile web and mobile apps for Wikipedia.

Figma link

Acceptance Criteria:

Provide designs (mobile - for both web and apps) for the following general behavior:

• Given that an event has collaborative contributions tracking enabled,
  • And the a registered event participant is on a target wiki of the event,
    • And it is the date of the event,
      • And it is the time of the event,
        • And if they published an edit,
          • They should see a dialog appear after the publication
            • And if the user is registered for one active event, the dialog should have the following text:
              • Title in bold: "Associate this edit with an [name of event]"
              • Text below: "You are registered for an event that is active now. Is this edit for [event name]?"
              • And they will have the options of:
              • "No, thanks" (grey box)
              • "Yes" (blue box)
            • And if the user is registered for multiple active events, the dialog should have the following text:
              • "You are registered for multiple events that are active now. Is this edit for one of the events? If yes, please select which one."
              • Then, they should see a dropdown with "Select event," followed by potential event associations
              • And they will have the options of:
              • "No, thanks" (grey box)
              • "Yes" (blue box)

Visual examples:

Note that these have different text + they are the desktop view

Designs

• Dialog when a participant is registered for one active event

• Dialog when a participant is registered for more than one active event