Background

This task explores the UI/UX elements of selecting and discovering translation collections curated by editors on the mobile translation workflow. This work is closely related to T368713, T369268 & T368422.

This is a continuation of task T368718

User story

Selecting Multiple Collections
As an editor who is selecting several options under Collections,
I want to view the available translation suggestions under different collections,
So that I can have a variety suggestions to translate.

Design details

This work builds upon the existing custom translation suggestions framework, specifically extending the Multiple topic selection (T369268) functionalities. The goal is to seamlessly integrate Collections into the existing suggestion system, enhancing the user's ability to discover and engage with curated content from campaigns, events, and wikiprojects.

Multiple selection mode:

• Collections can be added to the selection along with other topics when in multi-selection mode.
• It appears in the list of active filters when selected, similar to other topics.
• Users can combine Collections with specific topics in their multi-selection.
• The "+" icon appears next to Collections when it's available to be added to the multi-selection.

Collection-specific selection mode:

• Different sources of translation suggestions (Campaigns, Wiki projects, Events, Vital Lists) are displayed under the Collections section of the "Adjust suggestions" view.
• Each event (e.g., "Art+Feminism") appears as a selectable option under Collections.
• Users can select an event just like any other topic.
• When selected, the event-based suggestions appear on the Suggestions screen.
• Events can be combined with other topics in the multiple-selection mode.
• Each suggestion card includes a clickable chip (e.g., "Art+Feminism") representing the associated event.
• Tapping on this provides detailed information about the event.

List-based suggestions

• Maintain current suggestion card style.
• Introduce a small, visual element to indicate the list.
• On tap, reveal more information about the event itself.

Acceptance Criteria

• Successful states
• being able to view different chips under the Collections section sourced from Campaigns, Wiki projects, Events, or Vital Lists.
• being able to select multiple chips at a time from any of the options under Collections.
• being able to view the correct meta-data under each article selected.
• being able to view an appropriate state when there are no collections available.