gnh1201/mastodon
1
0
Fork 0
mirror of https://github.com/mastodon/mastodon.git synced 2025-11-27 18:10:58 +00:00
Code Issues Actions 17 Packages Projects Releases Wiki Activity

focus on mount

Browse Source
This commit is contained in:
ChaosExAnima 2025-11-13 16:33:43 +01:00
parent 7382171650
commit 2661a53333
No known key found for this signature in database
GPG Key ID: 8F2B333100FB6117
1 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
app/javascript/mastodon/components/emoji/picker/index.tsx
View File

@ -1,4 +1,4 @@
import { useCallback, useRef, useState } from 'react';
import { useCallback, useEffect, useRef, useState } from 'react';
import type { FC, MouseEventHandler } from 'react';
import classNames from 'classnames';
@ -32,12 +32,7 @@ export const MockEmojiPicker: FC<MockEmojiPickerProps> = ({ onSelect }) => {
[onSelect],
);
const [showSettings, setShowSettings] = useState(false);
const handleSettingsClick: MouseEventHandler = useCallback((event) => {
event.preventDefault();
setShowSettings((prev) => !prev);
}, []);
const { groups } = useLocaleMessages();
const wrapperRef = useRef<HTMLDivElement>(null);
const handleGroupSelect = useCallback((key: string) => {
const wrapper = wrapperRef.current;
@ -57,7 +52,19 @@ export const MockEmojiPicker: FC<MockEmojiPickerProps> = ({ onSelect }) => {
}
}, []);
const { groups } = useLocaleMessages();
const searchRef = useRef<HTMLInputElement>(null);
useEffect(() => {
const searchInput = searchRef.current;
if (!searchInput) return;
searchInput.focus();
}, []);
const [showSettings, setShowSettings] = useState(false);
const handleSettingsClick: MouseEventHandler = useCallback((event) => {
event.preventDefault();
setShowSettings((prev) => !prev);
}, []);
return (
<CustomEmojiProvider emojis={mockCustomEmojis}>
@ -67,6 +74,7 @@ export const MockEmojiPicker: FC<MockEmojiPickerProps> = ({ onSelect }) => {
type='search'
placeholder='Search emojis'
className={classes.search}
ref={searchRef}
/>
<IconButton
icon='settings'