You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Implements visual feedback during RSVP API calls with a subtle pulsing animation. When users click RSVP button, the element pulses (fades from 100% to 40% opacity) while the request processes.
Changes:
Added gatherpress--loading CSS class with pulsing animation
Enhanced sendRsvpApiRequest() to accept loading element parameter
Applied loading state to all RSVP actions in view.js
Works universally on buttons and anchor elements
UX Benefits:
Provides immediate visual feedback that something is happening
Prevents duplicate clicks during API processing
Clean, non-intrusive animation that works with any styling
Enhanced User Interface During API Requests
A new logic was added in the 'View RSVP' section of our service to keep track of and display the loading state while API requests are being processed. This improvement will keep users informed about the progress of their requests.
Modified API Request Functionality
The function responsible for sending RSVP API requests was modified to include an extra parameter loadingElement. This is particularly useful for displaying the loading state during this process.
Implemented Loading State Management
In response to the request lifecycle, the newly included loadingElement is managed by adding and removing a CSS class within the RSVP API request function. This helps in effectively implementing the loading state.
Introduced New Loading Animations
To enhance the visual feedback for users during the loading process, new CSS styles are introduced, coupled with a pulse animation. This style update is contained in the utility.scss file, a important component of our user interface.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description of the Change
Implements visual feedback during RSVP API calls with a subtle pulsing animation. When users click RSVP button, the element pulses (fades from 100% to 40% opacity) while the request processes.
Changes:
UX Benefits:
Closes #1207
How to test the Change
Changelog Entry
Credits
Props @mauteri
Checklist: