Auto focus search box in admin console (mattermost#3013)

Revanth47 · Jun 27, 2019 · c721200 · c721200
1 parent 6a9b607
commit c721200
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/components/admin_console/admin_sidebar/admin_sidebar.jsx b/components/admin_console/admin_sidebar/admin_sidebar.jsx
@@ -54,13 +54,18 @@ export default class AdminSidebar extends React.Component {
  filter: '',
  };
  this.idx = null;
+ this.searchRef = React.createRef();
  }
 
  componentDidMount() {
  if (this.props.config.PluginSettings.Enable) {
  this.props.actions.getPlugins();
  }
 
+ if (this.searchRef.current) {
+ this.searchRef.current.focus();
+ }
+
  this.updateTitle();
 
  if (!Utils.isMobile()) {
@@ -294,6 +299,7 @@ export default class AdminSidebar extends React.Component {
  onChange={this.onFilterChange}
  value={this.state.filter}
  placeholder={Utils.localizeMessage('admin.sidebar.filter', 'Find settings')}
+ ref={this.searchRef}
  />
  {this.state.filter &&
  <div