stream-chat-react/dist/components/EmptyStateIndicator/EmptyStateIndicator.js

React components to create chat conversations or livestream style chat

import React from 'react';
import { useTranslationContext } from '../../context/TranslationContext';
import { ChatBubble } from './icons';
var UnMemoizedEmptyStateIndicator = function (props) {
    var listType = props.listType;
    var t = useTranslationContext('EmptyStateIndicator').t;
    if (listType === 'thread')
        return null;
    if (listType === 'channel') {
        var text = t('You have no channels currently');
        return (React.createElement(React.Fragment, null,
            React.createElement("div", { className: 'str-chat__channel-list-empty' },
                React.createElement(ChatBubble, null),
                React.createElement("p", { role: 'listitem' }, text)),
            React.createElement("p", { className: 'str-chat__channel-list-empty-v1', role: 'listitem' }, text)));
    }
    if (listType === 'message') {
        var text = t('No chats here yet…');
        return (React.createElement("div", { className: 'str-chat__empty-channel' },
            React.createElement(ChatBubble, null),
            React.createElement("p", { className: 'str-chat__empty-channel-text', role: 'listitem' }, text)));
    }
    return React.createElement("p", null, "No items exist");
};
export var EmptyStateIndicator = React.memo(UnMemoizedEmptyStateIndicator);