mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Add localized emoji search

Browse source
This commit is contained in:
Fedor Indutny 2024-03-21 09:35:54 -07:00 • committed by GitHub
parent ce0fb22041
commit e90553b3b3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
17 changed files with 878 additions and 97 deletions
Download patch file Download diff file Expand all files Collapse all files

12
ts/components/emoji/EmojiPicker.tsx
View file

@ -21,10 +21,11 @@ import {
import FocusTrap from 'focus-trap-react';
import { Emoji } from './Emoji';
import { dataByCategory, search } from './lib';
import { dataByCategory } from './lib';
import type { LocalizerType } from '../../types/Util';
import { isSingleGrapheme } from '../../util/grapheme';
import { missingCaseError } from '../../util/missingCaseError';
import { useEmojiSearch } from '../../hooks/useEmojiSearch';
export type EmojiPickDataType = {
skinTone?: number;
@ -108,6 +109,8 @@ export const EmojiPicker = React.memo(
const [scrollToRow, setScrollToRow] = React.useState(0);
const [selectedTone, setSelectedTone] = React.useState(skinTone);
const search = useEmojiSearch(i18n.getLocale());
const handleToggleSearch = React.useCallback(
(
e:
@ -261,10 +264,7 @@ export const EmojiPicker = React.memo(
const emojiGrid = React.useMemo(() => {
if (searchText) {
return chunk(
search(searchText).map(e => e.short_name),
COL_COUNT
);
return chunk(search(searchText), COL_COUNT);
}
const chunks = flatMap(renderableCategories, cat =>
@ -275,7 +275,7 @@ export const EmojiPicker = React.memo(
);
return [...chunk(firstRecent, COL_COUNT), ...chunks];
}, [firstRecent, renderableCategories, searchText]);
}, [firstRecent, renderableCategories, searchText, search]);
const rowCount = emojiGrid.length;