[WIP] Implement like and dislike buttons as per TF-102

[Copilot]

TF-102: Like and Dislike Buttons Implementation Plan

• 1. Database Schema Updates

  • Add Like model to Prisma schema with userId, taskId, and type (like/dislike)
  • Run database migration

• 2. Create UI Components

  • Create like-dislike-buttons.tsx UI primitive component with CVA variants
  • Add Thumbs Up and Thumbs Down icons from lucide-react

• 3. Server Actions

  • Create toggleLike server action for liking tasks
  • Create toggleDislike server action for disliking tasks
  • Add validation to ensure users can only like/dislike once per task

• 4. Integrate into Task Components

  • Add like/dislike buttons to task-list.tsx
  • Add like/dislike buttons to kanban-board.tsx
  • Display like/dislike counts

• 5. Testing

  • Create unit tests for like-dislike-buttons component
  • Test server actions
  • Verify UI integration

• 6. Code Review & Security

  • Run code review
  • Run CodeQL security check
  • Take screenshots of UI changes

• 7. Transition Jira Ticket

  • Mark TF-102 as "In Review"

Original prompt

---

This section details on the original issue you should resolve

<issue_title>TF-102 Like and Dislike Buttons</issue_title>
<issue_description> Implement the work described in Jira ticket TF-102, including looking at any Figma files mentioned. When finished, transition the ticket to "In Reivew".

To do the work use the following prompt chain which describes steps for best implementing the feature:

1. Open the repository on GitHub: https://github.com/bitovi/ai-enablement-prompts.
2. Execute the prompt writing-code/generate-feature/generate-feature.md</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes TF-102 Like and Dislike Buttons #310

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.