90 lines
2.9 KiB
TypeScript
90 lines
2.9 KiB
TypeScript
import React, { useEffect, useState } from 'react';
|
|
import Styled from './styles';
|
|
import useSettings from '/imports/ui/services/settings/hooks/useSettings';
|
|
import { SETTINGS } from '/imports/ui/services/settings/enums';
|
|
import { ChatEvents } from '/imports/ui/core/enums/chat';
|
|
import ChatMessageTextContent from '../chat-message-list/page/chat-message/message-content/text-content/component';
|
|
import Storage from '/imports/ui/services/storage/in-memory';
|
|
|
|
const ChatReplyIntention = () => {
|
|
const [username, setUsername] = useState<string>();
|
|
const [message, setMessage] = useState<string>();
|
|
const [emphasizedMessage, setEmphasizedMessage] = useState<boolean>();
|
|
const [sequence, setSequence] = useState<number>();
|
|
|
|
useEffect(() => {
|
|
const handleReplyIntention = (e: Event) => {
|
|
if (e instanceof CustomEvent) {
|
|
setUsername(e.detail.username);
|
|
setMessage(e.detail.message);
|
|
setEmphasizedMessage(e.detail.emphasizedMessage);
|
|
setSequence(e.detail.sequence);
|
|
}
|
|
};
|
|
|
|
const handleCancelReplyIntention = (e: Event) => {
|
|
if (e instanceof CustomEvent) {
|
|
setUsername(undefined);
|
|
setMessage(undefined);
|
|
setEmphasizedMessage(undefined);
|
|
setSequence(undefined);
|
|
}
|
|
};
|
|
|
|
window.addEventListener(ChatEvents.CHAT_REPLY_INTENTION, handleReplyIntention);
|
|
window.addEventListener(ChatEvents.CHAT_CANCEL_REPLY_INTENTION, handleCancelReplyIntention);
|
|
|
|
return () => {
|
|
window.removeEventListener(ChatEvents.CHAT_REPLY_INTENTION, handleReplyIntention);
|
|
window.removeEventListener(ChatEvents.CHAT_CANCEL_REPLY_INTENTION, handleCancelReplyIntention);
|
|
};
|
|
}, []);
|
|
|
|
const { animations } = useSettings(SETTINGS.APPLICATION) as {
|
|
animations: boolean;
|
|
};
|
|
|
|
const hidden = !username || !message;
|
|
|
|
return (
|
|
<Styled.Root>
|
|
<Styled.Container
|
|
$hidden={hidden}
|
|
$animations={animations}
|
|
onClick={() => {
|
|
window.dispatchEvent(
|
|
new CustomEvent(ChatEvents.CHAT_FOCUS_MESSAGE_REQUEST, {
|
|
detail: {
|
|
sequence,
|
|
},
|
|
}),
|
|
);
|
|
Storage.removeItem(ChatEvents.CHAT_FOCUS_MESSAGE_REQUEST);
|
|
if (sequence) Storage.setItem(ChatEvents.CHAT_FOCUS_MESSAGE_REQUEST, sequence);
|
|
}}
|
|
>
|
|
<Styled.Message>
|
|
<ChatMessageTextContent
|
|
text={message || ''}
|
|
emphasizedMessage={!!emphasizedMessage}
|
|
dataTest={null}
|
|
/>
|
|
</Styled.Message>
|
|
<Styled.CloseBtn
|
|
onClick={(e) => {
|
|
e.stopPropagation();
|
|
window.dispatchEvent(
|
|
new CustomEvent(ChatEvents.CHAT_CANCEL_REPLY_INTENTION),
|
|
);
|
|
}}
|
|
icon="close"
|
|
tabIndex={hidden ? -1 : 0}
|
|
aria-hidden={hidden}
|
|
/>
|
|
</Styled.Container>
|
|
</Styled.Root>
|
|
);
|
|
};
|
|
|
|
export default ChatReplyIntention;
|