MM-21892 Fix TypeError cause by mm-redux#1006 (#3839)

Co-authored-by: Elias Nahum <nahumhbl@gmail.com>

app/components/autocomplete/slash_suggestion/index.js

@@ -29,7 +29,6 @@ const mobileCommandsSelector = createSelector(
 function mapStateToProps(state) {
     return {
         commands: mobileCommandsSelector(state),
-        commandsRequest: state.requests.integrations.getAutocompleteCommands,
         currentTeamId: getCurrentTeamId(state),
         theme: getTheme(state),
         isLandscape: isLandscape(state),

app/components/autocomplete/slash_suggestion/slash_suggestion.js

@@ -1,15 +1,13 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React, {Component} from 'react';
+import React, {PureComponent} from 'react';
 import PropTypes from 'prop-types';
 import {
     FlatList,
     Platform,
 } from 'react-native';
 
-import {RequestStatus} from 'mattermost-redux/constants';
-
 import AutocompleteDivider from 'app/components/autocomplete/autocomplete_divider';
 import {makeStyleSheetFromTheme} from 'app/utils/theme';
 
@@ -18,14 +16,13 @@ import SlashSuggestionItem from './slash_suggestion_item';
 const SLASH_REGEX = /(^\/)([a-zA-Z-]*)$/;
 const TIME_BEFORE_NEXT_COMMAND_REQUEST = 1000 * 60 * 5;
 
-export default class SlashSuggestion extends Component {
+export default class SlashSuggestion extends PureComponent {
     static propTypes = {
         actions: PropTypes.shape({
             getAutocompleteCommands: PropTypes.func.isRequired,
         }).isRequired,
         currentTeamId: PropTypes.string.isRequired,
         commands: PropTypes.array,
-        commandsRequest: PropTypes.object.isRequired,
         isSearch: PropTypes.bool,
         maxListHeight: PropTypes.number,
         theme: PropTypes.object.isRequired,
@@ -56,7 +53,6 @@ export default class SlashSuggestion extends Component {
         const {currentTeamId} = this.props;
         const {
             commands: nextCommands,
-            commandsRequest: nextCommandsRequest,
             currentTeamId: nextTeamId,
             value: nextValue,
         } = nextProps;
@@ -81,7 +77,7 @@ export default class SlashSuggestion extends Component {
 
         const dataIsStale = Date.now() - this.state.lastCommandRequest > TIME_BEFORE_NEXT_COMMAND_REQUEST;
 
-        if ((!nextCommands.length || dataIsStale) && nextCommandsRequest.status !== RequestStatus.STARTED) {
+        if ((!nextCommands.length || dataIsStale)) {
             this.props.actions.getAutocompleteCommands(nextProps.currentTeamId);
             this.setState({
                 lastCommandRequest: Date.now(),

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "mattermost-mobile",
-  "version": "1.27.0",
+  "version": "1.27.1",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -155,4 +155,4 @@
       "node_modules/(?!react-native|jail-monkey|@sentry/react-native|react-navigation|@react-native-community/cameraroll)"
     ]
   }
-}
+}