Continue download and cancel download buttons become irresponsive

[felipebochehin87]

Bug Description

If the connection is lost and user clicks on the continue download button, the video will be grayed out as if it has been downloaded (but it hasn't). And when the connection is back and the user clicks on the continue download button or on cancel download, no action is taken, the button is irresponsive. User needs to refresh page to continue download.

Expected Behaviour

I'd suggest two things:

1. When internet connection is lost, continue download and cancel download buttons should be disabled
2. If number 1 is not the case, we need to guarantee that nothing happens when we click on them while internet is down and that the buttons are responsive when connection is back

Steps to reproduce

1. Go to https://kinoweb-dev--staging-2ra3ji0i.web.app/
2. Click on any video
3. Click on Make available offline
4. Turn on airplane mode - internet connection is lost, download stops
5. Click on continue download - video is grayed out as if it has been downloaded
6. Turn off airplane mode - internet connection is re-established
7. Click on continue download or on cancel - buttons are irresponsive
8. Refresh page - now buttons will work

Screenshots

continue.download.button.mp4

Additional context

• Project version:
• Node version:
• OS:
• Browser: [e.g. chrome, safari]
• Device: [e.g. iPhone12]

---

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

Implementation brief

QA testing instructions

Demo

Changelog entry