Implemented Ticket Management System for AgroTech Admin

[IkkiOcean]

Description:

This pull request introduces the complete Ticket Management System page for the AgroShop admin portal. The page includes the following features:

1. Enhanced Header: A visually dynamic header with a gradient background, responsive typography, and hover effects.
2. Ticket Table: A table displaying the ticket data with essential fields like Ticket ID, Status, Priority, Assigned To, and Created At.
3. Search Functionality: A search input that allows admins to search through the tickets by various parameters like Ticket ID, Status, etc.
4. Filters: Dropdown filters for sorting tickets based on Status, Priority, and Assigned To.
5. Pagination: A pagination feature for navigating through multiple pages of tickets.
6. Action Buttons: Buttons for performing actions such as updating the ticket's status or assigning a ticket.

---

Changes Made:

1. Header Enhancement:

   • Gradient Background: Smooth background transition from green-400 to blue-500 on hover.
   • Typography: Updated the title text to be text-4xl with font-extrabold.
   • Hover Interaction: Added a hover effect on the title (scale-105) for interactivity.
   • Responsive Layout: Header adapts to different screen sizes using Tailwind’s grid layout.

2. Ticket Table:

   • Table Structure: Added a table with columns for Ticket ID, Status, Priority, Assigned To, and Created At.
   • Data Population: Mock ticket data for testing the table functionality.
   • CSS Styling: Enhanced table with borders, padding, and hover effects for rows to improve readability.

3. Search and Filters:

   • Search Box: A search box implemented with input styling for better UI.
   • Dropdown Filters: Filters to sort the tickets based on Status, Priority, and Assigned To. These filters help admins quickly navigate through the tickets.

4. Pagination:

   • Pagination Component: Added pagination controls to allow easy navigation through multiple pages of tickets.
   • Responsive Design: Pagination is designed to be responsive, adjusting to different screen sizes.

5. Action Buttons:

   • Update Status: A button to update the status of a selected ticket.
   • Assign Ticket: A button to assign the ticket to an admin or user.
   • Action Button Styles: Tailwind’s button classes are used for consistent, modern styling across all buttons.

---

Screenshot/Preview:

WhatsApp.Video.2024-11-10.at.11.18.26.mp4

---

Checklist:

• Full page design and functionality are implemented.
• Header is responsive and visually appealing.
• Ticket table displays mock ticket data with correct headers and formatting.
• Search functionality works properly.
• Filters sort tickets correctly.
• Pagination works as expected.
• Action buttons for updating status and assigning tickets are functional.
• Code is well-documented for maintainability.

---

Related Issues:

• closes Implement Ticket Management Page for Admins with Ticket Detail View, Search & Filters, and Status Update #965

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
agro-tech-ai	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 10, 2024 6:09am

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[github-actions]

🎉 Your pull request has been successfully merged! 🎉 Thank you for your valuable contribution to our project. Your efforts are greatly appreciated. Feel free to reach out if you have any more contributions or if there's anything else we can assist you with. Keep up the fantastic work! 🚀