BigBlueButton/bigbluebutton-Github
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(chat): Highlight just the message content when clicking the replied message

Browse Source
This commit is contained in:
João Victor 2024-10-17 23:01:29 -03:00
parent b90eae2fc1
commit 36a77040c6
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
bigbluebutton-html5/imports/ui/components/chat/chat-graphql/chat-message-list/page/chat-message/component.tsx
View File

@ -138,7 +138,7 @@ const ChatMesssage: React.FC<ChatMessageProps> = ({
markMessageAsSeen(message);
}
}, [message, messageRef]);
const messageContentRef = React.createRef<HTMLDivElement>();
const messageContentRef = React.useRef<HTMLDivElement>();
const [editing, setEditing] = React.useState(false);
const [isToolbarReactionPopoverOpen, setIsToolbarReactionPopoverOpen] = React.useState(false);
const chatFocusMessageRequest = useStorageKey(ChatEvents.CHAT_FOCUS_MESSAGE_REQUEST, STORAGES.IN_MEMORY);
@ -245,13 +245,13 @@ const ChatMesssage: React.FC<ChatMessageProps> = ({
}, []);
const animate = useCallback((timestamp: number) => {
if (!containerRef.current) return;
if (!messageContentRef.current) return;
const value = (timestamp - animationInitialTimestamp.current) / ANIMATION_DURATION;
if (value < 1) {
containerRef.current.style.backgroundColor = `rgb(${colorBlueLightestChannel} / ${1 - value})`;
messageContentRef.current.style.backgroundColor = `rgb(${colorBlueLightestChannel} / ${1 - value})`;
requestAnimationFrame(animate);
} else {
containerRef.current.style.backgroundColor = 'unset';
messageContentRef.current.style.backgroundColor = 'unset';
}
}, []);