Home Feed Item
Overview
The HomeFeedItem component is responsible for rendering individual feed items within a home feed. It displays information such as the chatroom title, description, participants, and messages, and provides interaction options like joining a chatroom or viewing messages. The component also manages dynamic states like whether the user has joined a chatroom or if the chatroom is pinned.
Customisation
| Property | Type | Description |
|---|---|---|
avatar | Avatar | Represents the styling for the avatar |
title | Title | Represents the styling for the title text |
lastConversation | LastConversation | Represents the styling for the last conversation text |
unreadCount | UnreadCount | Represents the styling for the unread message count |
lastConversationTime | LastConversationTime | Represents the styling for the last conversation time |
Avatar
| Property | Type | Description |
|---|---|---|
borderRadius | string | Defines the border radius of avatar |
Title
| Property | Type | Description |
|---|---|---|
color | string | Defines the color of title text |
fontSize | number | Defines the font size of title text |
fontFamily | string | Defines the font family of title text |
LastConversation
| Property | Type | Description |
|---|---|---|
color | string | Defines the color of the last conversation text |
fontSize | number | Defines the font size of the last conversation text |
fontFamily | string | Defines the font family of the last conversation text |
UnreadCount
| Property | Type | Description |
|---|---|---|
color | string | Defines the color of unread count text |
fontSize | number | Defines the font size of unread count |
fontFamily | string | Defines the font family of unread count |
borderRadius | string | Defines the border radius of unread count badge |
backgroundColor | string | Defines the background color of unread count badge |
LastConversationTime
| Property | Type | Description |
|---|---|---|
color | string | Defines the color of the last conversation time |
fontSize | number | Defines the font size of the last conversation time |
fontFamily | string | Defines the font family of the last conversation time |
Props
| Property | Type | Description | Required |
|---|---|---|---|
avatar | string | The avatar URL of the chatroom or participant | ✔️ |
title | string | The title or name of the chatroom | ✔️ |
lastMessage | string | The last message text in the chatroom | ✔️ |
time | string | The time of the last message | ✔️ |
pinned | boolean | Whether the chatroom is pinned | ✔️ |
unreadCount | number | The number of unread messages | ✔️ |
lastConversation | any | The last conversation data in the chatroom | ✔️ |
chatroomID | number | The unique ID of the chatroom | ✔️ |
lastConversationMember | string | The last member involved in the conversation | |
isSecret | boolean | Whether the chatroom is secret | ✔️ |
deletedBy | string | The user who deleted the chatroom (if applicable) | |
inviteReceiver | any | The receiver of the chatroom invitation (if applicable) | |
chatroomType | number | The type of the chatroom | ✔️ |
muteStatus | boolean | The mute status of the chatroom | ✔️ |