Added loading Skeleton#183
Merged
its-me-abhishek merged 3 commits intoNov 15, 2025
Merged
Conversation
Collaborator
|
Please check the conflicts, probably due to recent merges in main |
Contributor
Author
|
hey @its-me-abhishek i have resolved the merge conflicts. can you check it now. |
Collaborator
|
LGTM! Thanks! Do Star the Repo to stay updated : ) |
ShivaGupta-14
pushed a commit
to ShivaGupta-14/ccsync
that referenced
this pull request
Dec 25, 2025
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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
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
This PR introduces a skeleton loading state for the Tasks table to improve user experience during sync operations.
Previously, the table would remain empty or same if it have exisiting task while data was loading.
Now, a structured skeleton matching the exact table layout is displayed until tasks finish loading.
What’s Included
Added component with table-aligned skeleton rows
Integrated skeleton into the Tasks table using existing isLoading state
Ensured layout does not shift by matching and structure
Improved loading feedback during Taskwarrior sync
Minor adjustments to keep UX consistent across pagination and filtering
Why This Improves UX
No more empty flicker when syncing tasks
Skeleton visually matches actual task rows → smoother transition
Clear indication to the user that data is being fetched
Consistent visuals across all screen sizes
after added skeleton
video :
Screencast from 14-11-25 02:59:25 PM IST.webm