Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-09-22 08:12:00 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

🔧 fix: android keyboard @ popover issue (#2647)

Browse source
This commit is contained in:
Marco Beretta 2024-05-09 19:31:55 +02:00 • committed by GitHub
parent 6ba7f60eec
commit 83bae9e9d9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 13 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

44
client/src/hooks/Input/useTextarea.ts
View file

@ -14,11 +14,6 @@ import store from '~/store';
type KeyEvent = KeyboardEvent<HTMLTextAreaElement>;
const keyMap = {
50: '2',
192: '@',
};
export default function useTextarea({
textAreaRef,
submitButtonRef,
@ -141,35 +136,22 @@ export default function useTextarea({
assistantMap,
]);
const handleKeyUp = useCallback(
(e: KeyEvent) => {
let normalizedKey = e.key;
const handleKeyUp = useCallback(() => {
const text = textAreaRef.current?.value;
if (!(text && text[text.length - 1] === '@')) {
return;
}
if (!normalizedKey || normalizedKey === 'Unidentified') {
normalizedKey = keyMap[e.keyCode] || normalizedKey;
}
const startPos = textAreaRef.current?.selectionStart;
if (!startPos) {
return;
}
if (normalizedKey !== '@' && normalizedKey !== '2') {
return;
}
const isAtStart = startPos === 1;
const isPrecededBySpace = textAreaRef.current?.value.charAt(startPos - 2) === ' ';
const text = textAreaRef.current?.value;
if (!(text && text[text.length - 1] === '@')) {
return;
}
const startPos = textAreaRef.current?.selectionStart;
if (!startPos) {
return;
}
const isAtStart = startPos === 1;
const isPrecededBySpace = textAreaRef.current?.value.charAt(startPos - 2) === ' ';
setShowMentionPopover(isAtStart || isPrecededBySpace);
},
[textAreaRef, setShowMentionPopover],
);
setShowMentionPopover(isAtStart || isPrecededBySpace);
}, [textAreaRef, setShowMentionPopover]);
const handleKeyDown = useCallback(
(e: KeyEvent) => {