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

Fixed auto-focus on stories pane

Browse source
This commit is contained in:
Alvaro 2022-10-13 10:09:21 -06:00 • committed by GitHub
parent 6d535cd026
commit b12de415f4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

4
ts/components/StoriesPane.tsx
View file

@ -25,6 +25,7 @@ import { StoriesAddStoryButton } from './StoriesAddStoryButton';
import { StoryListItem } from './StoryListItem'; import { StoryListItem } from './StoryListItem';
import { Theme } from '../util/theme'; import { Theme } from '../util/theme';
import { isNotNil } from '../util/isNotNil'; import { isNotNil } from '../util/isNotNil';
import { useRestoreFocus } from '../hooks/useRestoreFocus';
const FUSE_OPTIONS: Fuse.IFuseOptions<ConversationStoryType> = { const FUSE_OPTIONS: Fuse.IFuseOptions<ConversationStoryType> = {
getFn: (story, path) => { getFn: (story, path) => {
@ -110,10 +111,13 @@ export const StoriesPane = ({
} }
}, [searchTerm, stories]); }, [searchTerm, stories]);
const [focusRef] = useRestoreFocus();
return ( return (
<> <>
<div className="Stories__pane__header"> <div className="Stories__pane__header">
<button <button
ref={focusRef}
aria-label={i18n('back')} aria-label={i18n('back')}
className="Stories__pane__header--back" className="Stories__pane__header--back"
onClick={toggleStoriesView} onClick={toggleStoriesView}