kleenpulse commented 1 month ago

Description

Develop a All Post's Comments component. This component will accept an array of comments as props be used to display all comments related to a specific blog post. The Display All Post's Comments component should be visually appealing, responsive, and should include the following elements:

Acceptance Criteria

The Display All Post's Comments component is implemented according to the design.
The component should be fully responsive and look good on all screen sizes.
Ensure types are accurate.

Requirements

The component should receive the following props:

List of comments (each comment includes author name, author profile picture, comment text, and timestamp)
Callback function for loading more comments (if pagination or lazy loading is used)
No comments message (optional, displayed if there are no comments)

Testing

Ensure the component renders correctly with all required elements.
Handle loading states to avoid layout shifts
Handle edge cases to avoid runtime errors
Check that the component handles different types of content (long comments, multiple comments).

Tasks

[ ] Develop the Display All Post's Comments component based on the provided requirements.
[ ] Run tests to ensure the component works as expected.
[ ] Test the component for responsiveness and accessibility.