This PR adds a clickable user bio section within the direct messages page.
Changes Made
There are modifications to formatTimestamp(), ConversationList.tsx, SelectedUser type and the addition of the Bio Details component. This includes functionalities such as:
Profile Avatar
Display Name and Username
User Bio
Follower Count
Navigation (navigates to the user's profile page)
Added loader for the component
Modified the SelectedUser type to have optional attributes (bio, joinedDate and followerCount)
Removed the state setter for the selected conversation inside of ConversationList.tsx.
Addition of an empty string edge case for the formatTimestamp() method.
This feature helps fledge out the messages pages, by allowing users to quickly view and access other users' profile details within the chat.
Related Issues
Closes #131.
Summary
This PR adds a clickable user bio section within the direct messages page.
Changes Made
There are modifications to
formatTimestamp()
,ConversationList.tsx
,SelectedUser
type and the addition of the Bio Details component. This includes functionalities such as:ConversationList.tsx
.formatTimestamp()
method.This feature helps fledge out the messages pages, by allowing users to quickly view and access other users' profile details within the chat.
Screenshots
Testing Instructions
No additional testing instructions
Special Notes for Your Reviewer(s)
No additional notes