Add TaskDeadlineDrawer

[hemangsk]

Closes #1132

Description

Created a new TaskDeadlineDrawer component to handle task deadline functionality in a consistent drawer pattern, matching the design of OfferDrawer and PaymentDrawer components. Fixed issues with date display and alignment.

Purpose

• Move the deadline form into a drawer component for better UI consistency
• Fix date display issues where existing dates weren't showing up
• Improve the UI/UX of the deadline form with better button states and alignment
• Add clear date functionality

Solution

1. Created new TaskDeadlineDrawer component
2. Updated TaskDeadlineForm with:
   • Fixed date initialisation from props
   • Added dateChanged state to control button text
   • Improved date field and label alignment
   • Added clear date functionality
3. Updated Task component to use new drawer

Screenshots

Checklist

• Code has been tested and works as intended
• Properly documented code
• Follows coding standards and guidelines
• All tests pass
• No conflicts with current codebase
• Code has been reviewed by at least one other team member

[codeautopilot]

PR summary

This Pull Request introduces a new TaskDeadlineDrawer component to enhance the user interface and experience by adopting a consistent drawer pattern for managing task deadlines. The changes aim to align the task deadline functionality with existing components like OfferDrawer and PaymentDrawer. Key improvements include fixing date display issues, enhancing button states and alignment, and adding a clear date functionality. The TaskDeadlineForm has been updated to initialize dates correctly, manage state changes more effectively, and improve styling. The Task component has been modified to utilize the new drawer component.

Suggestion

To further enhance the user experience, consider adding unit tests for the new TaskDeadlineDrawer component to ensure its functionality is robust and to prevent future regressions. Additionally, ensure that all translations are complete and accurate across different languages to maintain consistency in user communication.

Disclaimer: This comment was entirely generated using AI. Be aware that the information provided may be incorrect.

Current plan usage: 2.45%

Have feedback or need help?
Discord
Documentation
[email protected]