Chatuim2 NPM | npm.io

1.4.1-beta55 • Published 6 months ago

Install

Weekly downloads

-

License

ISC

Repository

Last release

6 months ago

Chat-UI

How to use

import React, { useEffect } from 'react';
import { Chat, rootStore, ConversationList, Provider } from 'chatuim2';

const ChatApp = () => {
	const client = useClient();
	useEffect(() => {
		client &&
			client
				.open({
					user: 'zd2',
					pwd: '1',
				})
				.then((res) => {
					console.log('get token success');
				});
	}, [client]);

	return (
		<Provider
			initConfig={{
				appKey: 'easemob#easeim',
			}}
			local={{
				fallbackLng: 'en',
				lng: 'en',
			}}
		>
			<div
				style={{
					width: '35%',
					background: '#fff',
				}}
			>
				<ConversationList></ConversationList>
			</div>
			<div style={{ width: '65%' }}>
				<Chat></Chat>
			</div>
		</Provider>
	);
};

Components

export {
	AudioMessage,
	BaseMessage,
	FileMessage,
	ImageMessage,
	NoticeMessage,
	TextMessage,
	VideoMessage,
	MessageStatus,
	Chat,
	ContactList,
	ConversationList,
	MessageEditor,
	Header,
	Empty,
	rootStore,
	RootContext,
	RootProvider,
	RootConsumer,
	Provider,
	useClient,
	useConversation,
	useHistoryMessages,
};

In addition to these components there are some basic components that will be released in the official release

@everything-registry/sub-chunk-1316

6 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago