diff --git a/ts/components/session/LeftPaneMessageSection.tsx b/ts/components/session/LeftPaneMessageSection.tsx index ab13e108d..dc46ca959 100644 --- a/ts/components/session/LeftPaneMessageSection.tsx +++ b/ts/components/session/LeftPaneMessageSection.tsx @@ -27,6 +27,7 @@ import { OpenGroup } from '../../opengroup/opengroupV1/OpenGroup'; import { ConversationTypeEnum } from '../../models/conversation'; import { openGroupV2CompleteURLRegex } from '../../opengroup/utils/OpenGroupUtils'; import { joinOpenGroupV2WithUIEvents } from '../../opengroup/opengroupV2/JoinOpenGroupV2'; +import autoBind from 'auto-bind'; export interface Props { searchTerm: string; @@ -61,7 +62,6 @@ interface State { } export class LeftPaneMessageSection extends React.Component { - private readonly updateSearchBound: (searchedString: string) => void; private readonly debouncedSearch: (searchTerm: string) => void; public constructor(props: Props) { @@ -73,19 +73,8 @@ export class LeftPaneMessageSection extends React.Component { valuePasted: '', }; - this.updateSearchBound = this.updateSearch.bind(this); - - this.handleOnPaste = this.handleOnPaste.bind(this); - this.handleToggleOverlay = this.handleToggleOverlay.bind(this); - this.handleMessageButtonClick = this.handleMessageButtonClick.bind(this); - - this.handleNewSessionButtonClick = this.handleNewSessionButtonClick.bind(this); - this.handleJoinChannelButtonClick = this.handleJoinChannelButtonClick.bind(this); - this.onCreateClosedGroup = this.onCreateClosedGroup.bind(this); - - this.renderClosableOverlay = this.renderClosableOverlay.bind(this); + autoBind(this); this.debouncedSearch = debounce(this.search.bind(this), 20); - this.closeOverlay = this.closeOverlay.bind(this); } public renderRow = ({ index, key, style }: RowRendererParamsType): JSX.Element => { @@ -187,7 +176,7 @@ export class LeftPaneMessageSection extends React.Component {
@@ -254,7 +243,7 @@ export class LeftPaneMessageSection extends React.Component { }} onButtonClick={this.handleJoinChannelButtonClick} searchTerm={searchTerm} - updateSearch={this.updateSearchBound} + updateSearch={this.updateSearch} showSpinner={loading} theme={this.props.theme} /> @@ -272,7 +261,7 @@ export class LeftPaneMessageSection extends React.Component { this.onCreateClosedGroup(groupName, groupMembers) } searchTerm={searchTerm} - updateSearch={this.updateSearchBound} + updateSearch={this.updateSearch} showSpinner={loading} theme={this.props.theme} /> @@ -288,7 +277,7 @@ export class LeftPaneMessageSection extends React.Component { onButtonClick={this.handleMessageButtonClick} searchTerm={searchTerm} searchResults={searchResults} - updateSearch={this.updateSearchBound} + updateSearch={this.updateSearch} theme={this.props.theme} /> ); @@ -365,6 +354,7 @@ export class LeftPaneMessageSection extends React.Component { ConversationTypeEnum.PRIVATE ); openConversationExternal(pubkey); + this.handleToggleOverlay(undefined); } else { ToastUtils.pushToastError('invalidPubKey', error); }