Live Chat Message List Component

This component provides a feed of messages

This component enables user to view and interact with messages in the channel as well as real time addition of new messages.

Features

Feature	Description
View messages	View past and real time messages in the channel
Interact with messages	Trigger possible actions on each message such as copy, reply, and delete

Customization

Config ID	Config Key	Type	Description
live_chat/message_list/*	theme	Component	You can customize component theme

For more details on customization, please refer to the Customization page.

Usage

iOS

Android

React Native

Code snippets will be available soon

React

import React, { useState } from 'react';
import { AmityLiveChatMessageList } from '@amityco/ui-kit';

interface SampleLiveChatMessageListProps {
  channel: Amity.Channel
}

const SampleLiveChatMessageList = ({ channel }: SampleLiveChatMessageListProps) => {
  // Passing channel model
  const [replyMessage, setReplyMessage] = useState<Amity.Message | undefined>(undefined);
  return (
    <AmityLiveChatMessageList
      channel={channel}                 // channel model
      replyMessage={setReplyMessage}    // function to set reply message
    />
  );
}

export default SampleLiveChatMessageList;