stream-chat-react/dist/components/ChannelPreview/hooks/useChannelPreviewInfo.js

React components to create chat conversations or livestream style chat

import { useEffect, useState } from 'react';
import { getDisplayImage, getDisplayTitle, getGroupChannelDisplayInfo } from '../utils';
import { useChatContext } from '../../../context';
export const useChannelPreviewInfo = (props) => {
    const { channel, overrideImage, overrideTitle } = props;
    const { client } = useChatContext('useChannelPreviewInfo');
    const [displayTitle, setDisplayTitle] = useState(() => overrideTitle || getDisplayTitle(channel, client.user));
    const [displayImage, setDisplayImage] = useState(() => overrideImage || getDisplayImage(channel, client.user));
    const [groupChannelDisplayInfo, setGroupDisplayChannelInfo] = useState(() => getGroupChannelDisplayInfo(channel));
    useEffect(() => {
        if (overrideTitle && overrideImage)
            return;
        const updateInfo = () => {
            if (!overrideTitle)
                setDisplayTitle(getDisplayTitle(channel, client.user));
            if (!overrideImage) {
                setDisplayImage(getDisplayImage(channel, client.user));
                setGroupDisplayChannelInfo(getGroupChannelDisplayInfo(channel));
            }
        };
        updateInfo();
        client.on('user.updated', updateInfo);
        return () => {
            client.off('user.updated', updateInfo);
        };
    }, [channel, channel.data, client, overrideImage, overrideTitle]);
    return {
        displayImage: overrideImage || displayImage,
        displayTitle: overrideTitle || displayTitle,
        groupChannelDisplayInfo,
    };
};