As a user, I want to see cancelled events in the lists, so that I know whether they are active now or not.

[Andrii Kachan]

As a user, I want to see cancelled events in the lists, so that I know whether they are active now or not.

Date Time
10-07-2022 15:05

Pre-requisites

1. The user is logged on a site;
2. The user is on the "My Events" page;

Description
By default 'See cancelled events' is off (Cancelled events which relate to the particular list are hidden).
State of 'See cancelled events' tougle impacts all tabs (i.e. tougle state does not change while user is switching among tabs).
When the user turns on the tougle on the 'See cancelled events', they are demonstrated in each section they are related to with the transparent gray filling. (For example, the event was cancelled while being 'In-progress'. Now, this cancelled event is placed in the 'In-progress' section).

If the user turns off the tougle on the 'See cancelled events', they are no more visible in the lists.
If the event is cancelled, the button "Join"/"Unjoin" and icons "Like", "Invite friends", "Share", "Bookmarked", are hidden.

Acceptance criteria
Notes about what the story must do in order for the product owner to accept it as complete

Scenario 1	'See cancelled events' in the lists of the events
Given	User is on the "My Events" page
When	User turns on the tougle on the 'See cancelled events'
Then	Cancelled events appear in the event list to which they are related
Scenario 2	Remove cancelled events from the events lists
Given	User is on the "My Events" page
When	User turns off the tougle on the 'See cancelled events'
Then	Cancelled events are removed from the events lists
Epic link: Epic #1402