stream-chat-react/dist/components/Message/hooks/useDeleteHandler.js

React components to create chat conversations or livestream style chat

import { validateAndGetMessage } from '../utils';
import { useChannelActionContext } from '../../../context/ChannelActionContext';
import { useChatContext } from '../../../context/ChatContext';
import { useTranslationContext } from '../../../context/TranslationContext';
export const useDeleteHandler = (message, notifications = {}) => {
    const { getErrorNotification, notify } = notifications;
    const { deleteMessage, updateMessage } = useChannelActionContext('useDeleteHandler');
    const { client } = useChatContext('useDeleteHandler');
    const { t } = useTranslationContext('useDeleteHandler');
    return async (event) => {
        event.preventDefault();
        if (!message?.id || !client || !updateMessage) {
            return;
        }
        try {
            const deletedMessage = await deleteMessage(message);
            updateMessage(deletedMessage);
        }
        catch (e) {
            const errorMessage = getErrorNotification && validateAndGetMessage(getErrorNotification, [message]);
            if (notify)
                notify(errorMessage || t('Error deleting message'), 'error');
        }
    };
};