From e36dc0d119ec8216c7d7800b6804315f800c0fbc Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Thu, 14 Oct 2021 12:38:52 -0500
Subject: [PATCH] Search: autofocus

---
 app/soapbox/features/compose/components/search.js | 8 +++++++-
 app/soapbox/features/search/index.js              | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/app/soapbox/features/compose/components/search.js b/app/soapbox/features/compose/components/search.js
index a44f29759..ad42208b4 100644
--- a/app/soapbox/features/compose/components/search.js
+++ b/app/soapbox/features/compose/components/search.js
@@ -57,9 +57,14 @@ class Search extends React.PureComponent {
     onClear: PropTypes.func.isRequired,
     onShow: PropTypes.func.isRequired,
     openInRoute: PropTypes.bool,
+    autoFocus: PropTypes.bool,
     intl: PropTypes.object.isRequired,
   };
 
+  static defaultProps = {
+    autoFocus: false,
+  }
+
   state = {
     expanded: false,
   };
@@ -100,7 +105,7 @@ class Search extends React.PureComponent {
   }
 
   render() {
-    const { intl, value, submitted } = this.props;
+    const { intl, value, autoFocus, submitted } = this.props;
     const { expanded } = this.state;
     const hasValue = value.length > 0 || submitted;
 
@@ -117,6 +122,7 @@ class Search extends React.PureComponent {
             onKeyUp={this.handleKeyUp}
             onFocus={this.handleFocus}
             onBlur={this.handleBlur}
+            autoFocus={autoFocus}
           />
         </label>
         <div role='button' tabIndex='0' className='search__icon' onClick={this.handleClear}>
diff --git a/app/soapbox/features/search/index.js b/app/soapbox/features/search/index.js
index 2e7348769..48398b749 100644
--- a/app/soapbox/features/search/index.js
+++ b/app/soapbox/features/search/index.js
@@ -12,7 +12,7 @@ const messages = defineMessages({
 const Search = ({ intl }) => (
   <div className='column search-page'>
     <ColumnHeader icon='search' title={intl.formatMessage(messages.heading)} />
-    <SearchContainer autoSubmit />
+    <SearchContainer autoFocus autoSubmit />
     <SearchResultsContainer />
   </div>
 );