From d97a2377e2393cc3c13ceec0f7a566cd021cf5ea Mon Sep 17 00:00:00 2001
From: automated-signal <37887102+automated-signal@users.noreply.github.com>
Date: Thu, 13 Oct 2022 11:35:35 -0700
Subject: [PATCH] Fixed auto-focus on stories pane

Co-authored-by: Alvaro <110414366+alvaro-signal@users.noreply.github.com>
---
 ts/components/StoriesPane.tsx | 4 ++++
 1 file changed, 4 insertions(+)

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