Refactor `TaskDetails` Component for Improved Maintainability and Performance

[Achintya-Chatterjee]

Date: 29 August, 2024

Developer Name: @Achintya-Chatterjee

---

Issue Ticket Number

• Closes #1227

  Description

  Refactors the TaskDetails component by breaking it down into smaller, modular subcomponents. The refactor includes the creation of new subcomponents such as TaskHeader, TaskDescription, TaskDetailsSection, TaskParticipants, TaskDates, TaskDependencies, and TaskProgress. Performance optimizations have been applied using React best practices, ensuring the component is efficient and easy to maintain.

• Modularized TaskDetails into distinct subcomponents.
• Retained original CSS classes to maintain the existing design and layout.
• Applied React performance optimizations (e.g., useCallback, useMemo).
• Ensured that all features and functionality remain intact post-refactor.
• Handled all edge cases and ensured the component remains robust.

Documentation Updated?

• [ ] Yes
• [x] No

Under Feature Flag

• [ ] Yes
• [x] No

Database Changes

• [ ] Yes
• [x] No

Breaking Changes

• [ ] Yes
• [x] No

Development Tested?

• [x] Yes
• [ ] No

Screenshots

Screenshot 1

https://github.com/user-attachments/assets/99f71428-691e-44d9-96b9-eafd472b964e

Test Coverage

Screenshot 1

Additional Notes

• This refactor was thoroughly tested to ensure that no functionality was lost.
• The refactor prepares the codebase for future enhancements and features, making the component easier to maintain and extend.
• This PR follows the stack PR approach so the first test PR https://github.com/Real-Dev-Squad/website-status/pull/1245 will be merged to this branch feature/refactor-taskdetails-component then this PR will be merged to develop

[vercel[bot]]

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

Name	Status	Preview	Comments	Updated (UTC)
status-app	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 3, 2024 9:04am

[yesyash]

• can we use named exports instead of default exports in all new components as it makes it easy to find references?

[Achintya-Chatterjee]

• can we use named exports instead of default exports in all new components as it makes it easy to find references?

@yesyash done