Percentage #357

ParasKhandelwal1616 · 2025-12-31T14:45:12Z

PR: Display Task Completion Metrics in Filter Dropdowns

1. Description

This PR implements a feature to display task completion percentages directly within the filter dropdowns (Project and Tag).

2. Motivation & Context

The Problem: Previously, users could only see the name of a filter, lacking immediate insight into task progress within that filter. This made it difficult to quickly gauge completion status without navigating into each filter.

3. Changes Implemented

This change enhances the filter dropdowns by showing the number of completed tasks and their percentage alongside the filter name. The stats update dynamically.

Visual Examples:

Project: Website Redesign (3/10 tasks completed, 30%)
Tag: Urgent (5/8 tasks completed, 62%)

4. User Impact

Efficiency: Allows users to track task completion more efficiently.
UX: Makes the UI more informative.
Convenience: Reduces the need for extra clicks to view progress.

5. Type of Change

New feature (non-breaking change which adds functionality)
Bug fix (non-breaking change which fixes an issue)
Refactor (code change that neither fixes a bug nor adds a feature)

feat: add docs to navbar

feat: add animations to landing page

…to one compatible to the build stage

Update taskwarrior (3.0.2 -> 3.1.0) and pin Alpine version (runtime) to one compatible to the build stage

escapedStatus was being checked against 'completed' or 'deleted' but escapedStatus will always have 'status:' prepended. Changed so that status will be used instead of escapedStatus fixes: CCExtractor#52

fix: checking status instead of escapedStatus

Changes are made to - RequestBody structs - Task struct

generate UUID and Encryption Secret copied to utils

Seperated Taskwarrior functions from handle_tw to tw package

Covers routing structure and component rendering behavior

* test(hero):add test for hero.tsx * test(hero):add test for hero.tsx

…Extractor#310) - Implement `unsyncedTaskUuids` state to track locally modified tasks - Add red border to task rows for immediate visual feedback - Display pending unsynced count on Sync button via notification badge - Auto-clear unsynced indicators on successful backend sync - Add unit tests for red border visibility, counter, and state clearing Fixes: CCExtractor#143

* feat: add time to due date * fix: handle optional due date conversion and update tests

CCExtractor#335)

* test(navbar): improve coverage for NavbarDesktop * test(navbar): improve NavbarDesktop testability and coverage * test: improve NavbarDesktop interaction coverage * test(navbar): update NavbarDesktop snapshot

* test:added test for NavbarMobile * test:added test for NavbarMobile

…tractor#340) - Add parseTaskwarriorDate utility for Taskwarrior date format (YYYYMMDDTHHMMSSZ) - Fix weekly report to use start of week instead of last 7 days - Use end date for completed tasks instead of modified date - Use entry date as fallback for pending tasks without due date - Add count labels on chart bars for better visibility - Refactor isOverdue to use shared date parsing utility Fixes: CCExtractor#322

… swagger

…xtractor#345) - Add isOverdue utility function to tasks-utils.ts for shared usage - Update ReportsView to categorize pending tasks with past due dates as overdue - Add overdue bar (red #F33434) to ReportChart component - Update Tasks.tsx to import isOverdue from shared utility - Add comprehensive test coverage for overdue categorization Categorization logic: - status === 'completed' -> Completed (pink) - status === 'pending' && due < today -> Overdue (red) - status === 'pending' && (due >= today || no due) -> Ongoing (blue) Fixes: CCExtractor#341

github-actions · 2025-12-31T14:45:21Z

Thank you for opening this PR!

Before a maintainer takes a look, it would be really helpful if you could walk through your changes using GitHub's review tools.

Please take a moment to:

Check the "Files changed" tab
Leave comments on any lines for functions, comments, etc. that are important, non-obvious, or may need attention
Clarify decisions you made or areas you might be unsure about and/or any future updates being considered.
Finally, submit all the comments!

More information on how to conduct a self review:
https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/reviewing-changes-in-pull-requests/reviewing-proposed-changes-in-a-pull-request

This helps make the review process smoother and gives us a clearer understanding of your thought process.

Once you've added your self-review, we'll continue from our side. Thank you!

its-me-abhishek · 2025-12-31T15:51:36Z

@ParasKhandelwal1616 please run npx prettier --write . in frontend directory to fix the prettier issues

its-me-abhishek · 2026-01-01T16:46:08Z

frontend/src/components/HomeComponents/BottomBar/bottom-bar-utils.ts


 export interface BottomBarProps {
-  projects: string[];
+  projects: string[] | { label: string; value: string }[];


value as a prop is a bit vague, needs to be renamed

its-me-abhishek · 2026-01-01T16:46:57Z

frontend/src/components/HomeComponents/Tasks/Tasks.tsx

    setIsLoading: (val: boolean) => void;
  }
 ) => {
+  interface Option {


all interfaces shall be moved to types.ts

and Option seems to be vague as well. please use better variable names

its-me-abhishek · 2026-01-01T16:48:21Z

frontend/src/components/HomeComponents/Tasks/Tasks.tsx

          .sort((a, b) => (a > b ? 1 : -1));
-        setUniqueProjects(filteredProjects);
+
+        const projectOptions = filteredProjects.map((project) => {


this filtering should be a single function perhaps. easy to test and fix if and when it breaks

its-me-abhishek

Please fix and also add some screenshots/videos to the PR description, for the changes

its-me-abhishek · 2026-01-01T16:53:12Z

Please rename the PR title as well, and follow the commit conventions as set in CONTRIBUTING.MD while naming PRs and commits. That really helps in keeping the merge history clean.

its-me-abhishek and others added 30 commits July 3, 2024 23:39

Update README.md

96a753e

docs: add documentation link to README.md

97e8cf7

feat: add docs to navbar

b087042

Merge pull request CCExtractor#46 from its-me-abhishek/doc

a69ecb5

feat: add docs to navbar

feat: add animations to landing page

96bb45a

test: update landing page tests for animations

b065f12

Merge pull request CCExtractor#47 from its-me-abhishek/animation

7aab8f7

feat: add animations to landing page

add LICENSE

8c4cbd8

feat: add animation to homepage hero section

cc5fb2a

feat: animate sections

1c621ff

feat: add links

34662c5

Merge pull request CCExtractor#48 from its-me-abhishek/animation

9658415

feat: add animations to landing page

Create CONTRIBUTING.md

5cc97d3

Update CONTRIBUTING.md

8c619fc

Create CODE_OF_CONDUCT.md

d6bfee7

Update README.md

e46c5c6

Update README.md

0a21de7

Update README.md

0644542

Update README.md

f82bb7f

docs: add yt video link for setup guide

8bada1e

patch: toggle testing mode to off

e4f106a

Update taskwarrior (3.0.2 -> 3.1.0) and pin Alpine version (runtime) …

1ab098d

…to one compatible to the build stage

Merge pull request CCExtractor#53 from cfsmp3/main

b1b8a30

Update taskwarrior (3.0.2 -> 3.1.0) and pin Alpine version (runtime) to one compatible to the build stage

fix: checking status instead of escapedStatus

3781933

escapedStatus was being checked against 'completed' or 'deleted' but escapedStatus will always have 'status:' prepended. Changed so that status will be used instead of escapedStatus fixes: CCExtractor#52

Merge pull request CCExtractor#55 from SGI-CAPP-AT2/fix-conditions-52

8ab7d9b

fix: checking status instead of escapedStatus

Update README.md

546cc93

refactor: moved all structs to models package

1d9df90

Changes are made to - RequestBody structs - Task struct

refactor: utils package created

d784fa8

generate UUID and Encryption Secret copied to utils

refactor: moved all taskwarrior handlers to package tw

4725c55

Seperated Taskwarrior functions from handle_tw to tw package

fix: fixed untitests for taskwarrior handlers

9584888

Hell1213 and others added 14 commits December 27, 2025 10:39

test: add App component test coverage (CCExtractor#328)

3175a4e

Covers routing structure and component rendering behavior

test(hero):add test for hero.tsx (CCExtractor#329)

021f6f4

* test(hero):add test for hero.tsx * test(hero):add test for hero.tsx

feat: add time to due date (CCExtractor#333)

a0cdf83

* feat: add time to due date * fix: handle optional due date conversion and update tests

fix: added DialogTitle to delete confirmation to prevent screen freeze (

eb3c51a

CCExtractor#335)

fix: delete all tasks dialog state conflict (CCExtractor#337)

f103933

fix: accessibility warnings in mobile navbar dialogs (CCExtractor#336)

df22330

test: navbar desktop coverage (CCExtractor#318)

2324764

* test(navbar): improve coverage for NavbarDesktop * test(navbar): improve NavbarDesktop testability and coverage * test: improve NavbarDesktop interaction coverage * test(navbar): update NavbarDesktop snapshot

test: add test for NavbarMobile (CCExtractor#339)

38f893d

* test:added test for NavbarMobile * test:added test for NavbarMobile

fix: unable to edit completed and deleted task (CCExtractor#343)

a28e151

feat(security): migrate url params to headers in get tasks and update…

1c832e0

… swagger

completion percentage added

90b1c03

Sparshagarwal29 mentioned this pull request Jan 1, 2026

Show Completion Percentage Next to Filters in Dropdown #177

Open

ParasKhandelwal1616 force-pushed the percentage branch 3 times, most recently from f5864ee to dd8a520 Compare January 1, 2026 13:53

error fix

7e967ec

its-me-abhishek reviewed Jan 1, 2026

View reviewed changes

its-me-abhishek requested changes Jan 1, 2026

View reviewed changes

its-me-abhishek added the self-review pending label Jan 4, 2026

Refactor: Rename 'value' prop to 'id' in BottomBarProps for consistency

5fe99a6

ParasKhandelwal1616 closed this Jan 5, 2026

ParasKhandelwal1616 force-pushed the percentage branch from 7786c00 to 5fe99a6 Compare January 5, 2026 16:12

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Percentage #357

Percentage #357

Uh oh!

ParasKhandelwal1616 commented Dec 31, 2025

Uh oh!

github-actions bot commented Dec 31, 2025

Uh oh!

its-me-abhishek commented Dec 31, 2025

Uh oh!

its-me-abhishek Jan 1, 2026

Uh oh!

its-me-abhishek Jan 1, 2026

Uh oh!

its-me-abhishek Jan 1, 2026

Uh oh!

its-me-abhishek Jan 1, 2026

Uh oh!

its-me-abhishek left a comment

Uh oh!

its-me-abhishek commented Jan 1, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

20 participants

Percentage #357

Percentage #357

Uh oh!

Conversation

ParasKhandelwal1616 commented Dec 31, 2025

PR: Display Task Completion Metrics in Filter Dropdowns

1. Description

2. Motivation & Context

3. Changes Implemented

4. User Impact

5. Type of Change

Uh oh!

github-actions bot commented Dec 31, 2025

Uh oh!

its-me-abhishek commented Dec 31, 2025

Uh oh!

its-me-abhishek Jan 1, 2026

Choose a reason for hiding this comment

Uh oh!

its-me-abhishek Jan 1, 2026

Choose a reason for hiding this comment

Uh oh!

its-me-abhishek Jan 1, 2026

Choose a reason for hiding this comment

Uh oh!

its-me-abhishek Jan 1, 2026

Choose a reason for hiding this comment

Uh oh!

its-me-abhishek left a comment

Choose a reason for hiding this comment

Uh oh!

its-me-abhishek commented Jan 1, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

20 participants