feat(tasks): add visual indicator for unsynced local changes #207
+514
−11
Conversation
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
test: add tests for: BottomBar, Navbar, SetupGuide and Tasks
refactor: add reusable components, and fix imports
feat: add handler to modify task
test: add tests for tasks, landingpage and homepage
fix: dependency fixes on backend and add healthcheck
- Add annotations field to AddTaskRequestBody and frontend forms - Implement annotation processing using task export for reliable task ID - Fix stale state bug in handleAddTask function
…CExtractor#280) - Removed modal={true} from Popover component in date-picker.tsx. - Prevents nested focus trap conflict. - Fixes page becoming unresponsive after clicking outside date picker. Fixes: CCExtractor#279
Collaborator
|
Are there any updates on this PR @ShivaGupta-14 ? |
Implemented recur dropdown in AddTaskDialog with daily, weekly, monthly, yearly options. Backend now handles recur field with proper validation requiring due date before setting recurrence. Updated all related types, handlers and tests to support task recurrence functionality.
Contributor
Author
|
Hi @its-me-abhishek! Yes, on it! I was travelling for a few days, so there was a slight delay. I’ll finish all the remaining work (review and updates) by tomorrow EOD |
* added enddate in addtask * fixed layout
Skip WebSocket refresh for Edit Task operations Prevents dialog from disappearing when editing fields
- Add wait date field to backend request body and Taskwarrior CLI - Implement wait date picker in AddTaskDialog frontend component - Update type definitions and hooks to support wait field - Add comprehensive frontend and backend tests for the new field Issue: CCExtractor#188
ShivaGupta-14
force-pushed
the
feat/143-unsync-ui
branch
2 times, most recently
from
e66304e to
291cf21
Compare
ShivaGupta-14
commented
Dec 23, 2025
Contributor
Author
There was a problem hiding this comment.
shows animated unsynced badge when task has local changes pending sync. Added aria-labels for accessibility
ShivaGupta-14
commented
Dec 23, 2025
Contributor
Author
There was a problem hiding this comment.
added unsyncedTaskUuids state using sets, adds task UUID to set whenever any field is modified locally, clears all unsynced indicators after successful sync, passes isUnsynced prop to TaskDialog to display visual indicator and total count of unsync tasks on sync button
ShivaGupta-14
commented
Dec 23, 2025
Contributor
Author
There was a problem hiding this comment.
added tests for unsynced badge visibility based on isUnsynced prop
ShivaGupta-14
commented
Dec 23, 2025
Contributor
Author
There was a problem hiding this comment.
new test cases for unsync tasks
ShivaGupta-14
commented
Dec 23, 2025
Contributor
Author
ShivaGupta-14
left a comment
ShivaGupta-14
left a comment
There was a problem hiding this comment.
self review completed! open to any suggestions
…verflow (CCExtractor#257) Changed responsive breakpoints from sm: to lg: for filter buttons, Add Task, and Sync buttons. BottomBar now shows on tablets (640px-1024px) like mobile devices. Fixes CCExtractor#221
Added full annotations editing functionality following the same pattern as tags editing. Users can now add, edit, and remove task annotations through the task details dialog. Backend handles proper annotation replacement using TaskWarrior's denotate/annotate commands.
Contributor
Author
|
Hi @its-me-abhishek! this is ready for review. please review whenever you get time. |
- Add entry date field to backend request body and Taskwarrior CLI - Implement entry date picker in AddTaskDialog frontend component - Update type definitions and hooks to support entry field - Add comprehensive frontend and backend tests for the new field Issue: CCExtractor#188
* feat: add task dependency support * fix:add search support and tests for depends on * fix: resolve conflicts * "fix: correct AddTaskDialog tests after merge"
…#303) Co-authored-by: Vaibhav <vaibhavkumarsingh499@gmail.com>
ShivaGupta-14
force-pushed
the
feat/143-unsync-ui
branch
from
291cf21 to
e24ea96
Compare
ShivaGupta-14
force-pushed
the
feat/143-unsync-ui
branch
from
2e53b3c to
ab23dd0
Compare
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
20 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 implements visual indicators for unsynced task modifications. When a task is edited, completed, or deleted, the UI immediately marks it as "Unsynced" until the backend successfully synchronizes all pending changes.
Key Changes
State Management: Implements a local state
unsyncedTaskUuidsto track tasks modified on the frontend but not yet synced to the backend.Visual Indicators:
Optimistic UI Updates: Immediately updates UI for task status changes (completed/deleted) to enhance perceived performance.
Sync Logic: Automatically clears all unsynced indicators once backend synchronization succeeds.
Testing
test.eachfor repetitive date editing tests, reducing code duplication.Checklist
npx prettier --write .(for formatting)gofmt -w .(for Go backend)npm test(for JS/TS testing)Additional Notes
Video: Link to see changes