[$20] [Web- Edge] Toggle button is verry slow in loading

[LieutenantRoger]

Summary :
[Web- Edge] Toggle button is verry slow in loading

Steps to reproduce:

1. Open the https://www.topcoder.com/settings/preferences and Go to EMail
2. Toggle multiple option quickly

Actual:
Toggle button is very slow in loading

Expected:
Toggle button should work fast in loading

Environment:
_ Device(s): Windows
_ Resolution: 1920_1080
_ Operating System: Windows 10
_ Browser(s): Chrome | Version 95.0.4638.54 (| Firefox 93.0 (64-bit)| Edge 95.0.1020.30

[LieutenantRoger]

1. Should switch the button firstly, then if the api is failed, we switch it back.
2. Should add debounce for the toggle button, in case the user switched the button quickly, our UI will still be functional.

[LieutenantRoger]

Challenge https://www.topcoder.com/challenges/e88f1c40-33c2-4849-ac0e-cf60a0a4b9ab has been created for this ticket.

This is an automated message for lieutenantroger via Topcoder X

[praveeno]

@bug-bash-helper assign

[bug-bash-hunt-helper]

@praveeno ✅ you are now assigned to this issue and have 12 hours to complete it.

As soon as you are done, please, make a comment like below, including the link to the pull request:

@bug-bash-helper <link to PR> is ready for review

[LieutenantRoger]

Challenge https://www.topcoder.com/challenges/e88f1c40-33c2-4849-ac0e-cf60a0a4b9ab has been assigned to praveeno.pro.

This is an automated message for lieutenantroger via Topcoder X

[LieutenantRoger]

Hi, @praveeno please update your progress, or please unassign so that other members have the opportunity to resolve this issue.

[LieutenantRoger]

Since @praveeno is not quite, responsive. I'm opening this ticket for other members to pick up.

[LieutenantRoger]

Challenge https://www.topcoder.com/challenges/e88f1c40-33c2-4849-ac0e-cf60a0a4b9ab praveeno.pro has been unassigned.

This is an automated message for lieutenantroger via Topcoder X

[fikzzzy]

@bug-bash-helper assign

[bug-bash-hunt-helper]

@fikzzzy 🛑 you have some issues assigned which are not completed yet, see #5864.

As per our Bug Bash rules you may work only at one issue at a time.
Please, complete other issues first or unassign yourself before picking up a new issue.

[fikzzzy]

Hi @LieutenantRoger why I cannot assign to this one?

[fikzzzy]

@bug-bash-helper assign

[bug-bash-hunt-helper]

@fikzzzy 🛑 you have some issues assigned which are not completed yet, see #5864.

As per our Bug Bash rules you may work only at one issue at a time.
Please, complete other issues first or unassign yourself before picking up a new issue.

[Gauravseta]

@bug-bash-helper assign

[LieutenantRoger]

Challenge https://www.topcoder.com/challenges/e88f1c40-33c2-4849-ac0e-cf60a0a4b9ab gauravseta has been unassigned.

This is an automated message for lieutenantroger via Topcoder X

[LieutenantRoger]

Challenge https://www.topcoder.com/challenges/e88f1c40-33c2-4849-ac0e-cf60a0a4b9ab has been assigned to LieutenantRoger.

This is an automated message for lieutenantroger via Topcoder X

[codejamtc]

@LieutenantRoger I can see the toggle switches are reflecting quickly.

But when we turn ON/OFF few buttons simultanoiusly and waited for the toast message Success! Your email preferences were updated to appear and then switching to a different screen and comes again to the E-Mail Preferences will display different settings

bandicam.2021-12-05.07-31-13-146.mp4

[LieutenantRoger]

Ok, updated, now it only accept the very last switch if user switch multiple options in 1 sec.

E.g. if you switched 1, 2, 3 buttons in 1 second, we only accept the switch of the button 3， switch button 1,2 will not be responded

[codejamtc]

@LieutenantRoger Please check the delay is accepted; then we are ok https://community-app.topcoder-dev.com/settings/preferences

bandicam.2021-12-05.09-25-16-121.mp4

https://test-community-app.topcoder-dev.com/settings/preferences

bandicam.2021-12-05.09-29-26-176.mp4

[LieutenantRoger]

Thanks for the recording. Yes, it's expected for now.

[coderhacker]

This is passed on stage

5884-staging-Pass.mp4

[coderhacker]

This is passed on to production

5884.mp4

[LieutenantRoger]

Payment task has been updated: https://www.topcoder.com/challenges/e88f1c40-33c2-4849-ac0e-cf60a0a4b9ab
Payments Complete
Winner: LieutenantRoger
Challenge e88f1c40-33c2-4849-ac0e-cf60a0a4b9ab has been paid and closed.

This is an automated message for lieutenantroger via Topcoder X