Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

add loading state to Experience switches #5529

Merged
merged 2 commits into from
Nov 22, 2024

Conversation

gilluminate
Copy link
Contributor

Closes HJ-255

Description Of Changes

Note: This is almost exactly the same as #5489 but for the Experiences table.

Toggling the switches in the Experiences table can sometimes take a moment or two and we aren't giving any feedback to the user. Now that we have toggle switches with loading states (thanks, Ant!) let's take advantage of that.

https://www.loom.com/share/c4da372b70ab46d89c01324a24fa8e53

Code Changes

  • Add a loading state to the EnablePrivacyExperienceCell component

Steps to Confirm

  1. Visit Privacy experience page /consent/privacy-experience
  2. Toggle some notices and notice the spinner while it loads (even after the confirmation modal)

Pre-Merge Checklist

  • Issue requirements met
  • All CI pipelines succeeded
  • CHANGELOG.md updated
  • Followup issues:
    • Followup issues created (include link)
    • No followup issues
  • Database migrations:
    • Ensure that your downrev is up to date with the latest revision on main
    • Ensure that your downgrade() migration is correct and works
      • If a downgrade migration is not possible for this change, please call this out in the PR description!
    • No migrations
  • Documentation:
    • Documentation complete, PR opened in fidesdocs
    • Documentation issue created in fidesdocs
    • If there are any new client scopes created as part of the pull request, remember to update public-facing documentation that references our scope registry
    • No documentation updates required

Copy link

vercel bot commented Nov 21, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Skipped Deployment
Name Status Preview Comments Updated (UTC)
fides-plus-nightly ⬜️ Ignored (Inspect) Visit Preview Nov 21, 2024 9:16pm

Copy link

cypress bot commented Nov 21, 2024

fides    Run #11141

Run Properties:  status check passed Passed #11141  •  git commit c91fc02ef1 ℹ️: Merge b8b9ce2a72185065a90c78d94fd3f47a9d613723 into d1baca99b58d9c13d5e99d23a94f...
Project fides
Branch Review refs/pull/5529/merge
Run status status check passed Passed #11141
Run duration 00m 39s
Commit git commit c91fc02ef1 ℹ️: Merge b8b9ce2a72185065a90c78d94fd3f47a9d613723 into d1baca99b58d9c13d5e99d23a94f...
Committer Jason Gill
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 0
Tests that did not run due to a developer annotating a test with .skip  Pending 0
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 4
⚠️ You've recorded test results over your free plan limit.
Upgrade your plan to view test results.
View all changes introduced in this branch ↗︎

Copy link
Contributor

@lucanovera lucanovera left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good UX improvement to show visual feedback in a loading state and also avoid potential misclicks. Code looks good. Tested locally and it works well. Approved!

@gilluminate gilluminate merged commit f80dddb into main Nov 22, 2024
13 checks passed
@gilluminate gilluminate deleted the gill/HJ-255/clone-enable-disable branch November 22, 2024 15:29
Copy link

cypress bot commented Nov 22, 2024

fides    Run #11146

Run Properties:  status check passed Passed #11146  •  git commit f80dddb59f: add loading state to Experience switches (#5529)
Project fides
Branch Review main
Run status status check passed Passed #11146
Run duration 00m 39s
Commit git commit f80dddb59f: add loading state to Experience switches (#5529)
Committer Jason Gill
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 0
Tests that did not run due to a developer annotating a test with .skip  Pending 0
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 4
⚠️ You've recorded test results over your free plan limit.
Upgrade your plan to view test results.
View all changes introduced in this branch ↗︎

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants