Chatroom Item
Overview
The chatroomItem component is responsible for rendering individual feed items within the chat screen. 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 | ✔️ |