Quiz creation: Snackbar improvements

[AlexVelezLl]

Summary

Replace snackbar support in route.query with direct calls to the createSnackbar action. And ensures that these are not deleted when entering any of the skipLoading routes

References

Closes #12038.

Reviewer guidance

Play around with the Quiz Editor saving sections, replacing questions, removing sections, go back from the Side Panel, and snackbar should behave consistently.

Testing checklist

• Contributor has fully tested the PR manually
• If there are any front-end changes, before/after screenshots are included
• Critical user journeys are covered by Gherkin stories
• Critical and brittle code paths are covered by unit tests

PR process

• PR has the correct target branch and milestone
• PR has 'needs review' or 'work-in-progress' label
• If PR is ready for review, a reviewer has been added. (Don't use 'Assignees')
• If this is an important user-facing change, PR or related issue has a 'changelog' label
• If this includes an internal dependency change, a link to the diff is provided

Reviewer checklist

• Automated test coverage is satisfactory
• PR is fully functional
• PR has been tested for accessibility regressions
• External dependency files were updated if necessary (yarn and pip)
• Documentation is updated
• Contributor is in AUTHORS.md

[github-actions]

Build Artifacts

Asset type	Download link
PEX file	kolibri-.pex
Windows Installer (EXE)	kolibri-0.16.2b1.dev0+git.1075.g6d26b20e-windows-setup-unsigned.exe
Debian Package	kolibri_0.16.2b1.dev0+git.1075.g6d26b20e-0ubuntu1_all.deb
Mac Installer (DMG)	kolibri-0.16.2b1.dev0+git.1075.g6d26b20e-0.4.1.dmg
Android Package (APK)	kolibri-0.16.2b1.dev0+git.1075.g6d26b20e-0.1.2-debug.apk
TAR file	kolibri-0.16.2b1.dev0+git.1075.g6d26b20e.tar.gz
WHL file	kolibri-0.16.2b1.dev0+git.1075.g6d26b20e-py2.py3-none-any.whl

[nucleogenesis]

I tested the snackbars and they all work perfectly. This is good to merge IMO, thank you @AlexVelezLl

I did note one bug unrelated to your changes in #12037 (I confirmed it is unrelated by replicating it on develop).

[marcellamaki]

@radinamatic @pcenov if you could do a QA double-check here, then we will be good to go! thank you :) there should be some notes of what to test in the issue that Alex linked in the description

[pcenov]

Hi @AlexVelezLl and @nucleogenesis - I am not seeing any snackbars in the following scenarios:

• user deletes questions from the list
• user rearranges questions in the list
• user rearranges the section order in the 'Section settings' modal and closes the modal without clicking 'Apply settings'

2024-04-24_12-23-24.mp4

Not sure if this in scope for this PR - if not, I can file a separate issue.

[rtibbles]

Seems like @AlexVelezLl and @nucleogenesis do indeed want the three scenarios @pcenov has described to be covered here, so blocking merge until that has happened.

[AlexVelezLl]

Hi @nucleogenesis @pcenov I've added the missing snackbar notifications:

Compartir.pantalla.-.2024-05-06.08_31_55.mp4

@nucleogenesis I saw that the changes to the section order were made immediately after the drag and drop, and it didn't wait until the user clicked on the "apply changes" button, so I added a new ref for the section order within the component and added a sectionOrderChanged check before saving the changes here. Let me know if this is correct.

[pcenov]

Thanks @AlexVelezLl - I confirm that the snackabar notifications are displayed now in the first 2 cases, and that the section order change is applied only after the user has clicked the 'Apply settings' button.

[radinamatic]

Manual QA passes, good to go! 💯 👏🏽

Changes have been addressed.