D5471.diff
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

D5471.diff
View Options

	diff --git a/web/components/search.react.js b/web/components/search.react.js
	--- a/web/components/search.react.js
	+++ b/web/components/search.react.js
	@@ -12,7 +12,7 @@
	+placeholder?: string,
	};

	-function Search(props: Props): React.Node {
	+function Search(props: Props, ref): React.Node {
	const { searchText, onChangeText, placeholder } = props;

	const showClearButton = !!searchText;
	@@ -39,10 +39,16 @@
	value={searchText}
	type="text"
	placeholder={placeholder}
	+ ref={ref}
	/>
	<ClearSearchButton onClick={onClear} active={showClearButton} />
	</div>
	);
	}

	-export default Search;
	+const ForwardedSearch: React.AbstractComponent<
	+ Props,
	+ HTMLInputElement,
	+> = React.forwardRef<Props, HTMLInputElement>(Search);
	+
	+export default ForwardedSearch;
	diff --git a/web/modals/threads/thread-picker-modal.react.js b/web/modals/threads/thread-picker-modal.react.js
	--- a/web/modals/threads/thread-picker-modal.react.js
	+++ b/web/modals/threads/thread-picker-modal.react.js
	@@ -69,6 +69,12 @@
	new Set(),
	);

	+ const searchRef = React.useRef();
	+
	+ React.useEffect(() => {
	+ searchRef.current?.focus();
	+ }, []);
	+
	const onChangeSearchText = React.useCallback(
	(text: string) => {
	const results = searchIndex.getSearchResults(text);
	@@ -126,6 +132,7 @@
	onChangeText={onChangeSearchText}
	searchText={searchText}
	placeholder="Search chats"
	+ ref={searchRef}
	/>
	<div className={css.contentContainer}>{threadPickerContent}</div>
	</div>