enhancement(todos): change pointer to cursor and underline title when hover on todo

[Hariom01010]

Date: 2 Jan 2026

Developer Name: @Hariom01010

---

Issue Ticket Number

Closes #231

Tech Doc Link

Business Doc Link

Description

This PR adds underline to todo title and pointer cursor when a user hovers on a todo's title.

Documentation Updated?

• Yes
• No

Under Feature Flag

• Yes
• No

Database Changes

• Yes
• No

Breaking Changes

• Yes
• No

Development Tested?

• Yes
• No

Screenshots

Screenshot 1

proof.of.working.mp4

Test Coverage

Screenshot 1

Additional Notes

[coderabbitai]

Walkthrough

Two files received identical hover styling enhancements to Todo title cells, adding cursor-pointer and underline effects. These purely presentational changes aim to visually indicate interactivity on title cells without modifying any functional behavior or data handling logic.

Changes

Cohort / File(s)	Summary
UI Hover Styling Enhancements src/components/todos/todo-list-table.tsx, src/modules/teams/team-tasks.tsx	Added hover:cursor-pointer and hover:underline className properties to Todo title cell elements in TodoDialog components across both user and team task modules. Visual-only changes to indicate interactivity.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~5 minutes

Possibly related PRs

• feat(#230): add view task modal #231: Adds a view task modal feature that displays task details in read-only mode; these styling changes appear to enhance the visual presentation of interactive title cells within that modal context.

Suggested reviewers

• iamitprakash
• yesyash

Poem

🐰✨ A hop and a style, a cursor so keen,
The titles now shimmer, a clickable sheen,
With underline flourish and pointer so bright,
Our tasks invite clicking—a delightful sight! 🎯

Pre-merge checks and finishing touches

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description check	✅ Passed	The description clearly explains the enhancement - adding underline and pointer cursor when hovering over a todo's title, with testing confirmation.
Linked Issues check	✅ Passed	This PR implements a minor styling enhancement (underline and cursor) that complements the view task modal feature from #231, enhancing UI feedback for task titles.
Out of Scope Changes check	✅ Passed	All changes are styling enhancements to todo title cells with hover effects, directly supporting the task modal UI from linked issue #231.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Title check	✅ Passed	The title accurately describes the main change: adding hover styling (cursor pointer and underline) to todo titles across the codebase.

✨ Finishing touches

• 📝 Generate docstrings

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 2

📜 Review details

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between eeda972 and 81cb324.

📒 Files selected for processing (2)

• src/components/todos/todo-list-table.tsx
• src/modules/teams/team-tasks.tsx

🧰 Additional context used

🧬 Code graph analysis (1)

src/modules/teams/team-tasks.tsx (1)

src/components/ui/table.tsx (1)

• TableCell (91-91)

[coderabbitai]

🧹 Nitpick | 🔵 Trivial

LGTM! Hover styling correctly indicates interactivity.

The hover styles (cursor-pointer and underline) are properly applied to both edit and view mode TableCells, successfully achieving the PR objective of making todo titles visually interactive. The implementation is consistent across both branches.

Note: This same pattern is duplicated in src/modules/teams/team-tasks.tsx. Consider extracting a shared TodoTitleCell component if this pattern expands further.

Also applies to: 99-101

🤖 Prompt for AI Agents

In src/components/todos/todo-list-table.tsx around lines 88-90 (and also
src/components/todos/todo-list-table.tsx lines 99-101 / similar pattern in
src/modules/teams/team-tasks.tsx), the hover styling for todo titles is
duplicated; extract a small reusable TodoTitleCell component that wraps its
children in a TableCell with className="whitespace-nowrap hover:cursor-pointer
hover:underline" (accepting children and any needed props like onClick), replace
the duplicated TableCell instances with this new component in both files, and
export the component where appropriate to keep behavior identical while removing
duplication.

[coderabbitai]

🧹 Nitpick | 🔵 Trivial

LGTM! Consistent hover styling applied.

The hover styles are correctly implemented and match the changes in src/components/todos/todo-list-table.tsx, ensuring a consistent user experience across both user and team dashboards.

Note: The TodoListTableRow component in this file shares significant logic with the one in src/components/todos/todo-list-table.tsx. Consider extracting a shared component to reduce duplication and improve maintainability.

Also applies to: 72-74