CLIENT: Dashboard - Student View - Post card #35
Description
Problem Description
As a user, I want each post shown as a card with the required information.
Required Changes
- Card shows: author first and last name, author initials in colored circle, created date/time, post content.
- Show like button with heart icon.
- Show like count or “Be the first to like this post” when count is zero.
- Show Comment Button with speech bubble icon.
- Show three-dots button only if the post belongs to the logged-in user
- Render comments area with list of comments for the post and Comment input with the logged-in user’s initials in a coloured circle to the left.
Goal
Render post card
Acceptance Criteria
- Card displays author name, initials badge (coloured), timestamp, content.
- Card shows heart and speech bubble buttons and three-dots only on own posts.
- Like count logic: shows number when there are more than 0 likes and otherwise the “first to like” message.
- Comments list renders and comment input with initials avatar.