From ee4608ee04de563df07512bb1a2bd9e20057f295 Mon Sep 17 00:00:00 2001
From: Sylvan Mably <sylvan@gmail.com>
Date: Fri, 8 Mar 2024 20:08:30 -0500
Subject: [PATCH] Fix flaky search behaviour with minimized left pane

---
 ts/components/LeftPane.stories.tsx            |  6 +++
 ts/components/LeftPane.tsx                    |  6 +++
 ts/components/LeftPaneSearchInput.tsx         | 33 +++++++++-----
 .../leftPane/LeftPaneArchiveHelper.tsx        | 11 +++++
 ts/components/leftPane/LeftPaneHelper.tsx     |  2 +
 .../leftPane/LeftPaneInboxHelper.tsx          | 12 +++++
 .../leftPane/LeftPaneSearchHelper.tsx         | 12 +++++
 ts/state/ducks/search.ts                      | 45 ++++++++++++++++++-
 ts/state/selectors/search.ts                  |  2 +-
 ts/state/smart/LeftPane.tsx                   | 10 +++--
 .../leftPane/LeftPaneArchiveHelper_test.ts    |  1 +
 .../leftPane/LeftPaneInboxHelper_test.tsx     |  1 +
 .../leftPane/LeftPaneSearchHelper_test.ts     | 30 +++++++++++++
 13 files changed, 154 insertions(+), 17 deletions(-)

diff --git a/ts/components/LeftPane.stories.tsx b/ts/components/LeftPane.stories.tsx
index 4099a9baa9..aa861b5a2a 100644
--- a/ts/components/LeftPane.stories.tsx
+++ b/ts/components/LeftPane.stories.tsx
@@ -62,6 +62,7 @@ const defaultConversations: Array<ConversationType> = [
 ];
 
 const defaultSearchProps = {
+  isSearchingGlobally: true,
   searchConversation: undefined,
   searchDisabled: false,
   searchTerm: 'hello',
@@ -145,6 +146,8 @@ const useProps = (overrideProps: OverridePropsType = {}): PropsType => {
     composeReplaceAvatar: action('composeReplaceAvatar'),
     composeSaveAvatarToDisk: action('composeSaveAvatarToDisk'),
     createGroup: action('createGroup'),
+    endConversationSearch: action('endConversationSearch'),
+    endSearch: action('endSearch'),
     getPreferredBadge: () => undefined,
     hasFailedStorySends: false,
     hasPendingUpdate: false,
@@ -608,6 +611,7 @@ export function ArchiveNoArchivedConversations(): JSX.Element {
         modeSpecificProps: {
           mode: LeftPaneMode.Archive,
           archivedConversations: [],
+          isSearchingGlobally: false,
           searchConversation: undefined,
           searchTerm: '',
           startSearchCounter: 0,
@@ -624,6 +628,7 @@ export function ArchiveArchivedConversations(): JSX.Element {
         modeSpecificProps: {
           mode: LeftPaneMode.Archive,
           archivedConversations: defaultConversations,
+          isSearchingGlobally: false,
           searchConversation: undefined,
           searchTerm: '',
           startSearchCounter: 0,
@@ -640,6 +645,7 @@ export function ArchiveSearchingAConversation(): JSX.Element {
         modeSpecificProps: {
           mode: LeftPaneMode.Archive,
           archivedConversations: defaultConversations,
+          isSearchingGlobally: false,
           searchConversation: undefined,
           searchTerm: '',
           startSearchCounter: 0,
diff --git a/ts/components/LeftPane.tsx b/ts/components/LeftPane.tsx
index 5fdb86bf5c..144a1d875f 100644
--- a/ts/components/LeftPane.tsx
+++ b/ts/components/LeftPane.tsx
@@ -121,6 +121,8 @@ export type PropsType = {
   composeReplaceAvatar: ReplaceAvatarActionType;
   composeSaveAvatarToDisk: SaveAvatarToDiskActionType;
   createGroup: () => void;
+  endConversationSearch: () => void;
+  endSearch: () => void;
   navTabsCollapsed: boolean;
   openUsernameReservationModal: () => void;
   onOutgoingAudioCallInConversation: (conversationId: string) => void;
@@ -184,6 +186,8 @@ export function LeftPane({
   composeSaveAvatarToDisk,
   crashReportCount,
   createGroup,
+  endConversationSearch,
+  endSearch,
   getPreferredBadge,
   hasExpiredDialog,
   hasFailedStorySends,
@@ -705,6 +709,8 @@ export function LeftPane({
             {helper.getSearchInput({
               clearConversationSearch,
               clearSearch,
+              endConversationSearch,
+              endSearch,
               i18n,
               onChangeComposeSearchTerm: event => {
                 setComposeSearchTerm(event.target.value);
diff --git a/ts/components/LeftPaneSearchInput.tsx b/ts/components/LeftPaneSearchInput.tsx
index f38f656924..a0699223f9 100644
--- a/ts/components/LeftPaneSearchInput.tsx
+++ b/ts/components/LeftPaneSearchInput.tsx
@@ -15,7 +15,10 @@ type PropsType = {
   clearConversationSearch: () => void;
   clearSearch: () => void;
   disabled?: boolean;
+  endConversationSearch: () => void;
+  endSearch: () => void;
   i18n: LocalizerType;
+  isSearchingGlobally: boolean;
   onEnterKeyDown?: (
     clearSearch: () => void,
     showConversation: ShowConversationType
@@ -31,7 +34,10 @@ export function LeftPaneSearchInput({
   clearConversationSearch,
   clearSearch,
   disabled,
+  endConversationSearch,
+  endSearch,
   i18n,
+  isSearchingGlobally,
   onEnterKeyDown,
   searchConversation,
   searchTerm,
@@ -46,6 +52,7 @@ export function LeftPaneSearchInput({
     searchConversation?.id
   );
   const prevSearchCounter = usePrevious(startSearchCounter, startSearchCounter);
+  const wasSearchingGlobally = usePrevious(false, isSearchingGlobally);
 
   useEffect(() => {
     // When user chooses to search in a given conversation we focus the field for them
@@ -56,7 +63,10 @@ export function LeftPaneSearchInput({
       inputRef.current?.focus();
     }
     // When user chooses to start a new search, we focus the field
-    if (startSearchCounter !== prevSearchCounter) {
+    if (
+      (isSearchingGlobally && !wasSearchingGlobally) ||
+      startSearchCounter !== prevSearchCounter
+    ) {
       inputRef.current?.select();
     }
   }, [
@@ -64,6 +74,8 @@ export function LeftPaneSearchInput({
     prevSearchCounter,
     searchConversation,
     startSearchCounter,
+    isSearchingGlobally,
+    wasSearchingGlobally,
   ]);
 
   const changeValue = (nextSearchTerm: string) => {
@@ -82,11 +94,6 @@ export function LeftPaneSearchInput({
     }
   };
 
-  const clearAndFocus = () => {
-    clearSearch();
-    inputRef.current?.focus();
-  };
-
   const label = searchConversation ? i18n('icu:searchIn') : i18n('icu:search');
 
   return (
@@ -98,7 +105,7 @@ export function LeftPaneSearchInput({
       moduleClassName="LeftPaneSearchInput"
       onBlur={() => {
         if (!searchConversation && !searchTerm) {
-          clearSearch();
+          endSearch();
         }
       }}
       onKeyDown={event => {
@@ -112,10 +119,14 @@ export function LeftPaneSearchInput({
         changeValue(event.currentTarget.value);
       }}
       onClear={() => {
-        if (searchConversation && searchTerm) {
-          changeValue('');
+        if (searchTerm) {
+          clearSearch();
+          inputRef.current?.focus();
+        } else if (searchConversation) {
+          endConversationSearch();
+          inputRef.current?.focus();
         } else {
-          clearAndFocus();
+          inputRef.current?.blur();
         }
       }}
       ref={inputRef}
@@ -151,7 +162,7 @@ export function LeftPaneSearchInput({
           <button
             aria-label={i18n('icu:clearSearch')}
             className="LeftPaneSearchInput__in-conversation-pill__x-button"
-            onClick={clearAndFocus}
+            onClick={endConversationSearch}
             type="button"
           />
         </div>
diff --git a/ts/components/leftPane/LeftPaneArchiveHelper.tsx b/ts/components/leftPane/LeftPaneArchiveHelper.tsx
index 457f76c3e1..2f4783c37d 100644
--- a/ts/components/leftPane/LeftPaneArchiveHelper.tsx
+++ b/ts/components/leftPane/LeftPaneArchiveHelper.tsx
@@ -23,6 +23,7 @@ import * as KeyboardLayout from '../../services/keyboardLayout';
 
 type LeftPaneArchiveBasePropsType = {
   archivedConversations: ReadonlyArray<ConversationListItemPropsType>;
+  isSearchingGlobally: boolean;
   searchConversation: undefined | ConversationType;
   searchTerm: string;
   startSearchCounter: number;
@@ -35,6 +36,8 @@ export type LeftPaneArchivePropsType =
 export class LeftPaneArchiveHelper extends LeftPaneHelper<LeftPaneArchivePropsType> {
   private readonly archivedConversations: ReadonlyArray<ConversationListItemPropsType>;
 
+  private readonly isSearchingGlobally: boolean;
+
   private readonly searchConversation: undefined | ConversationType;
 
   private readonly searchTerm: string;
@@ -47,6 +50,7 @@ export class LeftPaneArchiveHelper extends LeftPaneHelper<LeftPaneArchivePropsTy
     super();
 
     this.archivedConversations = props.archivedConversations;
+    this.isSearchingGlobally = props.isSearchingGlobally;
     this.searchConversation = props.searchConversation;
     this.searchTerm = props.searchTerm;
     this.startSearchCounter = props.startSearchCounter;
@@ -82,12 +86,16 @@ export class LeftPaneArchiveHelper extends LeftPaneHelper<LeftPaneArchivePropsTy
   override getSearchInput({
     clearConversationSearch,
     clearSearch,
+    endConversationSearch,
+    endSearch,
     i18n,
     updateSearchTerm,
     showConversation,
   }: Readonly<{
     clearConversationSearch: () => unknown;
     clearSearch: () => unknown;
+    endConversationSearch: () => unknown;
+    endSearch: () => unknown;
     i18n: LocalizerType;
     updateSearchTerm: (searchTerm: string) => unknown;
     showConversation: ShowConversationType;
@@ -100,7 +108,10 @@ export class LeftPaneArchiveHelper extends LeftPaneHelper<LeftPaneArchivePropsTy
       <LeftPaneSearchInput
         clearConversationSearch={clearConversationSearch}
         clearSearch={clearSearch}
+        endConversationSearch={endConversationSearch}
+        endSearch={endSearch}
         i18n={i18n}
+        isSearchingGlobally={this.isSearchingGlobally}
         searchConversation={this.searchConversation}
         searchTerm={this.searchTerm}
         showConversation={showConversation}
diff --git a/ts/components/leftPane/LeftPaneHelper.tsx b/ts/components/leftPane/LeftPaneHelper.tsx
index 596a53ef6c..790952ae35 100644
--- a/ts/components/leftPane/LeftPaneHelper.tsx
+++ b/ts/components/leftPane/LeftPaneHelper.tsx
@@ -40,6 +40,8 @@ export abstract class LeftPaneHelper<T> {
     _: Readonly<{
       clearConversationSearch: () => unknown;
       clearSearch: () => unknown;
+      endConversationSearch: () => unknown;
+      endSearch: () => unknown;
       i18n: LocalizerType;
       onChangeComposeSearchTerm: (
         event: ChangeEvent<HTMLInputElement>
diff --git a/ts/components/leftPane/LeftPaneInboxHelper.tsx b/ts/components/leftPane/LeftPaneInboxHelper.tsx
index edc7797a1f..46a8ec7461 100644
--- a/ts/components/leftPane/LeftPaneInboxHelper.tsx
+++ b/ts/components/leftPane/LeftPaneInboxHelper.tsx
@@ -25,6 +25,7 @@ export type LeftPaneInboxPropsType = {
   archivedConversations: ReadonlyArray<ConversationListItemPropsType>;
   pinnedConversations: ReadonlyArray<ConversationListItemPropsType>;
   isAboutToSearch: boolean;
+  isSearchingGlobally: boolean;
   startSearchCounter: number;
   searchDisabled: boolean;
   searchTerm: string;
@@ -40,6 +41,8 @@ export class LeftPaneInboxHelper extends LeftPaneHelper<LeftPaneInboxPropsType>
 
   private readonly isAboutToSearch: boolean;
 
+  private readonly isSearchingGlobally: boolean;
+
   private readonly startSearchCounter: number;
 
   private readonly searchDisabled: boolean;
@@ -53,6 +56,7 @@ export class LeftPaneInboxHelper extends LeftPaneHelper<LeftPaneInboxPropsType>
     archivedConversations,
     pinnedConversations,
     isAboutToSearch,
+    isSearchingGlobally,
     startSearchCounter,
     searchDisabled,
     searchTerm,
@@ -64,6 +68,7 @@ export class LeftPaneInboxHelper extends LeftPaneHelper<LeftPaneInboxPropsType>
     this.archivedConversations = archivedConversations;
     this.pinnedConversations = pinnedConversations;
     this.isAboutToSearch = isAboutToSearch;
+    this.isSearchingGlobally = isSearchingGlobally;
     this.startSearchCounter = startSearchCounter;
     this.searchDisabled = searchDisabled;
     this.searchTerm = searchTerm;
@@ -84,12 +89,16 @@ export class LeftPaneInboxHelper extends LeftPaneHelper<LeftPaneInboxPropsType>
   override getSearchInput({
     clearConversationSearch,
     clearSearch,
+    endConversationSearch,
+    endSearch,
     i18n,
     showConversation,
     updateSearchTerm,
   }: Readonly<{
     clearConversationSearch: () => unknown;
     clearSearch: () => unknown;
+    endConversationSearch: () => unknown;
+    endSearch: () => unknown;
     i18n: LocalizerType;
     showConversation: ShowConversationType;
     updateSearchTerm: (searchTerm: string) => unknown;
@@ -98,8 +107,11 @@ export class LeftPaneInboxHelper extends LeftPaneHelper<LeftPaneInboxPropsType>
       <LeftPaneSearchInput
         clearConversationSearch={clearConversationSearch}
         clearSearch={clearSearch}
+        endConversationSearch={endConversationSearch}
+        endSearch={endSearch}
         disabled={this.searchDisabled}
         i18n={i18n}
+        isSearchingGlobally={this.isSearchingGlobally}
         searchConversation={this.searchConversation}
         searchTerm={this.searchTerm}
         showConversation={showConversation}
diff --git a/ts/components/leftPane/LeftPaneSearchHelper.tsx b/ts/components/leftPane/LeftPaneSearchHelper.tsx
index 8b778d9e28..88e9788192 100644
--- a/ts/components/leftPane/LeftPaneSearchHelper.tsx
+++ b/ts/components/leftPane/LeftPaneSearchHelper.tsx
@@ -44,6 +44,7 @@ export type LeftPaneSearchPropsType = {
   primarySendsSms: boolean;
   searchTerm: string;
   startSearchCounter: number;
+  isSearchingGlobally: boolean;
   searchDisabled: boolean;
   searchConversation: undefined | ConversationType;
 };
@@ -57,6 +58,8 @@ export class LeftPaneSearchHelper extends LeftPaneHelper<LeftPaneSearchPropsType
 
   private readonly contactResults: MaybeLoadedSearchResultsType<ConversationListItemPropsType>;
 
+  private readonly isSearchingGlobally: boolean;
+
   private readonly messageResults: MaybeLoadedSearchResultsType<{
     id: string;
     conversationId: string;
@@ -78,6 +81,7 @@ export class LeftPaneSearchHelper extends LeftPaneHelper<LeftPaneSearchPropsType
   constructor({
     contactResults,
     conversationResults,
+    isSearchingGlobally,
     messageResults,
     primarySendsSms,
     searchConversation,
@@ -90,6 +94,7 @@ export class LeftPaneSearchHelper extends LeftPaneHelper<LeftPaneSearchPropsType
 
     this.contactResults = contactResults;
     this.conversationResults = conversationResults;
+    this.isSearchingGlobally = isSearchingGlobally;
     this.messageResults = messageResults;
     this.primarySendsSms = primarySendsSms;
     this.searchConversation = searchConversation;
@@ -103,12 +108,16 @@ export class LeftPaneSearchHelper extends LeftPaneHelper<LeftPaneSearchPropsType
   override getSearchInput({
     clearConversationSearch,
     clearSearch,
+    endConversationSearch,
+    endSearch,
     i18n,
     showConversation,
     updateSearchTerm,
   }: Readonly<{
     clearConversationSearch: () => unknown;
     clearSearch: () => unknown;
+    endConversationSearch: () => unknown;
+    endSearch: () => unknown;
     i18n: LocalizerType;
     showConversation: ShowConversationType;
     updateSearchTerm: (searchTerm: string) => unknown;
@@ -117,8 +126,11 @@ export class LeftPaneSearchHelper extends LeftPaneHelper<LeftPaneSearchPropsType
       <LeftPaneSearchInput
         clearConversationSearch={clearConversationSearch}
         clearSearch={clearSearch}
+        endConversationSearch={endConversationSearch}
+        endSearch={endSearch}
         disabled={this.searchDisabled}
         i18n={i18n}
+        isSearchingGlobally={this.isSearchingGlobally}
         onEnterKeyDown={this.onEnterKeyDown}
         searchConversation={this.searchConversation}
         searchTerm={this.searchTerm}
diff --git a/ts/state/ducks/search.ts b/ts/state/ducks/search.ts
index 5af3ea269b..f11fe0ae44 100644
--- a/ts/state/ducks/search.ts
+++ b/ts/state/ducks/search.ts
@@ -99,7 +99,7 @@ type UpdateSearchTermActionType = ReadonlyDeep<{
 }>;
 type StartSearchActionType = ReadonlyDeep<{
   type: 'SEARCH_START';
-  payload: { globalSearch: boolean };
+  payload: null;
 }>;
 type ClearSearchActionType = ReadonlyDeep<{
   type: 'SEARCH_CLEAR';
@@ -109,6 +109,14 @@ type ClearConversationSearchActionType = ReadonlyDeep<{
   type: 'CLEAR_CONVERSATION_SEARCH';
   payload: null;
 }>;
+type EndSearchActionType = ReadonlyDeep<{
+  type: 'SEARCH_END';
+  payload: null;
+}>;
+type EndConversationSearchActionType = ReadonlyDeep<{
+  type: 'END_CONVERSATION_SEARCH';
+  payload: null;
+}>;
 type SearchInConversationActionType = ReadonlyDeep<{
   type: 'SEARCH_IN_CONVERSATION';
   payload: { searchConversationId: string };
@@ -121,6 +129,8 @@ export type SearchActionType = ReadonlyDeep<
   | StartSearchActionType
   | ClearSearchActionType
   | ClearConversationSearchActionType
+  | EndSearchActionType
+  | EndConversationSearchActionType
   | SearchInConversationActionType
   | MessageDeletedActionType
   | RemoveAllConversationsActionType
@@ -135,6 +145,8 @@ export const actions = {
   startSearch,
   clearSearch,
   clearConversationSearch,
+  endSearch,
+  endConversationSearch,
   searchInConversation,
   updateSearchTerm,
 };
@@ -146,7 +158,7 @@ export const useSearchActions = (): BoundActionCreatorsMapObject<
 function startSearch(): StartSearchActionType {
   return {
     type: 'SEARCH_START',
-    payload: { globalSearch: true },
+    payload: null,
   };
 }
 function clearSearch(): ClearSearchActionType {
@@ -161,6 +173,18 @@ function clearConversationSearch(): ClearConversationSearchActionType {
     payload: null,
   };
 }
+function endSearch(): EndSearchActionType {
+  return {
+    type: 'SEARCH_END',
+    payload: null,
+  };
+}
+function endConversationSearch(): EndConversationSearchActionType {
+  return {
+    type: 'END_CONVERSATION_SEARCH',
+    payload: null,
+  };
+}
 function searchInConversation(
   searchConversationId: string
 ): SearchInConversationActionType {
@@ -409,6 +433,15 @@ export function reducer(
     return {
       ...getEmptyState(),
       startSearchCounter: state.startSearchCounter,
+      searchConversationId: state.searchConversationId,
+      globalSearch: state.globalSearch,
+    };
+  }
+
+  if (action.type === 'SEARCH_END') {
+    return {
+      ...state,
+      globalSearch: Boolean(state.query) && !state.searchConversationId,
     };
   }
 
@@ -465,6 +498,14 @@ export function reducer(
     };
   }
 
+  if (action.type === 'END_CONVERSATION_SEARCH') {
+    return {
+      ...getEmptyState(),
+      startSearchCounter: state.startSearchCounter + 1,
+      globalSearch: true,
+    };
+  }
+
   if (action.type === 'SEARCH_MESSAGES_RESULTS_FULFILLED') {
     const { payload } = action;
     const { messages, query } = payload;
diff --git a/ts/state/selectors/search.ts b/ts/state/selectors/search.ts
index 5501e61269..09c50353fa 100644
--- a/ts/state/selectors/search.ts
+++ b/ts/state/selectors/search.ts
@@ -91,7 +91,7 @@ export const getStartSearchCounter = createSelector(
   (state: SearchStateType): number => state.startSearchCounter
 );
 
-export const isSearching = createSelector(
+export const getHasSearchQuery = createSelector(
   getQuery,
   (query: string): boolean => query.trim().length > 0
 );
diff --git a/ts/state/smart/LeftPane.tsx b/ts/state/smart/LeftPane.tsx
index 6977cd8cc9..0fa7aa4c9f 100644
--- a/ts/state/smart/LeftPane.tsx
+++ b/ts/state/smart/LeftPane.tsx
@@ -19,12 +19,13 @@ import { LeftPaneMode } from '../../types/leftPane';
 
 import { ComposerStep, OneTimeModalState } from '../ducks/conversationsEnums';
 import {
+  getHasSearchQuery,
   getIsSearching,
+  getIsSearchingGlobally,
   getQuery,
   getSearchConversation,
   getSearchResults,
   getStartSearchCounter,
-  isSearching,
 } from '../selectors/search';
 import {
   getIntl,
@@ -146,19 +147,21 @@ const getModeSpecificProps = (
         return {
           mode: LeftPaneMode.Archive,
           archivedConversations,
+          isSearchingGlobally: getIsSearchingGlobally(state),
           searchConversation,
           searchTerm,
           startSearchCounter: getStartSearchCounter(state),
           ...(searchConversation && searchTerm ? getSearchResults(state) : {}),
         };
       }
-      if (isSearching(state)) {
+      if (getHasSearchQuery(state)) {
         const primarySendsSms = Boolean(
           get(state.items, ['primarySendsSms'], false)
         );
 
         return {
           mode: LeftPaneMode.Search,
+          isSearchingGlobally: getIsSearchingGlobally(state),
           primarySendsSms,
           searchConversation: getSearchConversation(state),
           searchDisabled: state.network.challengeStatus !== 'idle',
@@ -169,6 +172,7 @@ const getModeSpecificProps = (
       return {
         mode: LeftPaneMode.Inbox,
         isAboutToSearch: getIsSearching(state),
+        isSearchingGlobally: getIsSearchingGlobally(state),
         searchConversation: getSearchConversation(state),
         searchDisabled: state.network.challengeStatus !== 'idle',
         searchTerm: getQuery(state),
@@ -263,7 +267,7 @@ const mapStateToProps = (state: StateType) => {
 
   const composerStep = getComposerStep(state);
   const showArchived = getShowArchived(state);
-  const hasSearchQuery = isSearching(state);
+  const hasSearchQuery = getHasSearchQuery(state);
 
   return {
     hasNetworkDialog: hasNetworkDialog(state),
diff --git a/ts/test-node/components/leftPane/LeftPaneArchiveHelper_test.ts b/ts/test-node/components/leftPane/LeftPaneArchiveHelper_test.ts
index 31a908946d..91ffb38250 100644
--- a/ts/test-node/components/leftPane/LeftPaneArchiveHelper_test.ts
+++ b/ts/test-node/components/leftPane/LeftPaneArchiveHelper_test.ts
@@ -16,6 +16,7 @@ describe('LeftPaneArchiveHelper', () => {
 
   const defaults = {
     archivedConversations: [],
+    isSearchingGlobally: false,
     searchConversation: undefined,
     searchTerm: '',
     startSearchCounter: 0,
diff --git a/ts/test-node/components/leftPane/LeftPaneInboxHelper_test.tsx b/ts/test-node/components/leftPane/LeftPaneInboxHelper_test.tsx
index b2d518c660..d50ce5cf4c 100644
--- a/ts/test-node/components/leftPane/LeftPaneInboxHelper_test.tsx
+++ b/ts/test-node/components/leftPane/LeftPaneInboxHelper_test.tsx
@@ -14,6 +14,7 @@ describe('LeftPaneInboxHelper', () => {
   const defaultProps: LeftPaneInboxPropsType = {
     archivedConversations: [],
     conversations: [],
+    isSearchingGlobally: false,
     isAboutToSearch: false,
     pinnedConversations: [],
     searchConversation: undefined,
diff --git a/ts/test-node/components/leftPane/LeftPaneSearchHelper_test.ts b/ts/test-node/components/leftPane/LeftPaneSearchHelper_test.ts
index 5201fa3f86..62cd330c12 100644
--- a/ts/test-node/components/leftPane/LeftPaneSearchHelper_test.ts
+++ b/ts/test-node/components/leftPane/LeftPaneSearchHelper_test.ts
@@ -22,6 +22,7 @@ describe('LeftPaneSearchHelper', () => {
         conversationResults: { isLoading: false, results: [] },
         contactResults: { isLoading: false, results: [] },
         messageResults: { isLoading: false, results: [] },
+        isSearchingGlobally: true,
         searchTerm: 'foo',
         primarySendsSms: false,
         searchConversation: undefined,
@@ -46,6 +47,7 @@ describe('LeftPaneSearchHelper', () => {
           conversationResults: { isLoading: true },
           contactResults: { isLoading: true },
           messageResults: { isLoading: true },
+          isSearchingGlobally: true,
           searchTerm: 'foo',
           primarySendsSms: false,
           searchConversation: undefined,
@@ -62,6 +64,7 @@ describe('LeftPaneSearchHelper', () => {
           },
           contactResults: { isLoading: true },
           messageResults: { isLoading: true },
+          isSearchingGlobally: true,
           searchTerm: 'foo',
           primarySendsSms: false,
           searchConversation: undefined,
@@ -75,6 +78,7 @@ describe('LeftPaneSearchHelper', () => {
           conversationResults: { isLoading: true },
           contactResults: { isLoading: true },
           messageResults: { isLoading: false, results: [fakeMessage()] },
+          isSearchingGlobally: true,
           searchTerm: 'foo',
           primarySendsSms: false,
           searchConversation: undefined,
@@ -90,6 +94,7 @@ describe('LeftPaneSearchHelper', () => {
         conversationResults: { isLoading: false, results: [] },
         contactResults: { isLoading: false, results: [] },
         messageResults: { isLoading: false, results: [] },
+        isSearchingGlobally: true,
         searchTerm: 'foo',
         primarySendsSms: false,
         searchConversation: undefined,
@@ -108,6 +113,7 @@ describe('LeftPaneSearchHelper', () => {
         },
         contactResults: { isLoading: false, results: [] },
         messageResults: { isLoading: false, results: [fakeMessage()] },
+        isSearchingGlobally: true,
         searchTerm: 'foo',
         primarySendsSms: false,
         searchConversation: undefined,
@@ -126,6 +132,7 @@ describe('LeftPaneSearchHelper', () => {
           conversationResults: { isLoading: true },
           contactResults: { isLoading: true },
           messageResults: { isLoading: true },
+          isSearchingGlobally: true,
           searchTerm: 'foo',
           primarySendsSms: false,
           searchConversation: undefined,
@@ -139,6 +146,7 @@ describe('LeftPaneSearchHelper', () => {
           },
           contactResults: { isLoading: true },
           messageResults: { isLoading: true },
+          isSearchingGlobally: true,
           searchTerm: 'foo',
           primarySendsSms: false,
           searchConversation: undefined,
@@ -149,6 +157,7 @@ describe('LeftPaneSearchHelper', () => {
           conversationResults: { isLoading: true },
           contactResults: { isLoading: true },
           messageResults: { isLoading: false, results: [fakeMessage()] },
+          isSearchingGlobally: true,
           searchTerm: 'foo',
           primarySendsSms: false,
           searchConversation: undefined,
@@ -185,6 +194,7 @@ describe('LeftPaneSearchHelper', () => {
         },
         contactResults: { isLoading: false, results: contacts },
         messageResults: { isLoading: false, results: messages },
+        isSearchingGlobally: true,
         searchTerm: 'foo',
         primarySendsSms: false,
         searchConversation: undefined,
@@ -231,6 +241,7 @@ describe('LeftPaneSearchHelper', () => {
         },
         contactResults: { isLoading: false, results: contacts },
         messageResults: { isLoading: false, results: messages },
+        isSearchingGlobally: true,
         searchTerm: 'foo',
         primarySendsSms: false,
         searchConversation: undefined,
@@ -268,6 +279,7 @@ describe('LeftPaneSearchHelper', () => {
         },
         contactResults: { isLoading: false, results: [] },
         messageResults: { isLoading: false, results: messages },
+        isSearchingGlobally: true,
         searchTerm: 'foo',
         primarySendsSms: false,
         searchConversation: undefined,
@@ -310,6 +322,7 @@ describe('LeftPaneSearchHelper', () => {
       },
       contactResults: { isLoading: false, results: contacts },
       messageResults: { isLoading: false, results: [] },
+      isSearchingGlobally: true,
       searchTerm: 'foo',
       primarySendsSms: false,
       searchConversation: undefined,
@@ -344,6 +357,7 @@ describe('LeftPaneSearchHelper', () => {
           conversationResults: { isLoading: true },
           contactResults: { isLoading: true },
           messageResults: { isLoading: true },
+          isSearchingGlobally: true,
           searchTerm: 'foo',
           primarySendsSms: false,
           searchConversation: undefined,
@@ -357,6 +371,7 @@ describe('LeftPaneSearchHelper', () => {
           },
           contactResults: { isLoading: true },
           messageResults: { isLoading: true },
+          isSearchingGlobally: true,
           searchTerm: 'foo',
           primarySendsSms: false,
           searchConversation: undefined,
@@ -367,6 +382,7 @@ describe('LeftPaneSearchHelper', () => {
           conversationResults: { isLoading: true },
           contactResults: { isLoading: true },
           messageResults: { isLoading: false, results: [fakeMessage()] },
+          isSearchingGlobally: true,
           searchTerm: 'foo',
           primarySendsSms: false,
           searchConversation: undefined,
@@ -391,6 +407,7 @@ describe('LeftPaneSearchHelper', () => {
           isLoading: false,
           results: [fakeMessage(), fakeMessage(), fakeMessage()],
         },
+        isSearchingGlobally: true,
         searchTerm: 'foo',
         primarySendsSms: false,
         searchConversation: undefined,
@@ -413,6 +430,7 @@ describe('LeftPaneSearchHelper', () => {
           isLoading: false,
           results: [fakeMessage(), fakeMessage(), fakeMessage()],
         },
+        isSearchingGlobally: true,
         searchTerm: 'foo',
         primarySendsSms: false,
         searchConversation: undefined,
@@ -431,6 +449,7 @@ describe('LeftPaneSearchHelper', () => {
             isLoading: false,
             results: [fakeMessage(), fakeMessage(), fakeMessage()],
           },
+          isSearchingGlobally: true,
           searchTerm: 'bar',
           primarySendsSms: false,
           searchConversation: undefined,
@@ -445,6 +464,7 @@ describe('LeftPaneSearchHelper', () => {
         conversationResults: { isLoading: true },
         contactResults: { isLoading: true },
         messageResults: { isLoading: true },
+        isSearchingGlobally: true,
         searchTerm: 'foo',
         primarySendsSms: false,
         searchConversation: undefined,
@@ -460,6 +480,7 @@ describe('LeftPaneSearchHelper', () => {
           },
           contactResults: { isLoading: true },
           messageResults: { isLoading: true },
+          isSearchingGlobally: true,
           searchTerm: 'bar',
           primarySendsSms: false,
           searchConversation: undefined,
@@ -474,6 +495,7 @@ describe('LeftPaneSearchHelper', () => {
         conversationResults: { isLoading: true },
         contactResults: { isLoading: true },
         messageResults: { isLoading: false, results: [fakeMessage()] },
+        isSearchingGlobally: true,
         searchTerm: 'foo',
         primarySendsSms: false,
         searchConversation: undefined,
@@ -489,6 +511,7 @@ describe('LeftPaneSearchHelper', () => {
           },
           contactResults: { isLoading: false, results: [] },
           messageResults: { isLoading: false, results: [fakeMessage()] },
+          isSearchingGlobally: true,
           searchTerm: 'foo',
           primarySendsSms: false,
           searchConversation: undefined,
@@ -506,6 +529,7 @@ describe('LeftPaneSearchHelper', () => {
         },
         contactResults: { isLoading: false, results: [] },
         messageResults: { isLoading: false, results: [] },
+        isSearchingGlobally: true,
         searchTerm: 'foo',
         primarySendsSms: false,
         searchConversation: undefined,
@@ -521,6 +545,7 @@ describe('LeftPaneSearchHelper', () => {
           },
           contactResults: { isLoading: true },
           messageResults: { isLoading: true },
+          isSearchingGlobally: true,
           searchTerm: 'bar',
           primarySendsSms: false,
           searchConversation: undefined,
@@ -544,6 +569,7 @@ describe('LeftPaneSearchHelper', () => {
           isLoading: false,
           results: [fakeMessage(), fakeMessage(), fakeMessage()],
         },
+        isSearchingGlobally: true,
         searchTerm: 'foo',
         primarySendsSms: false,
         searchConversation: undefined,
@@ -571,6 +597,7 @@ describe('LeftPaneSearchHelper', () => {
           isLoading: false,
           results: [fakeMessage(), fakeMessage(), fakeMessage()],
         },
+        isSearchingGlobally: true,
         searchTerm: 'foo',
         primarySendsSms: false,
         searchConversation: undefined,
@@ -595,6 +622,7 @@ describe('LeftPaneSearchHelper', () => {
           isLoading: false,
           results: [fakeMessage(), fakeMessage(), expected],
         },
+        isSearchingGlobally: true,
         searchTerm: 'foo',
         primarySendsSms: false,
         searchConversation: undefined,
@@ -616,6 +644,7 @@ describe('LeftPaneSearchHelper', () => {
           isLoading: false,
           results: [fakeMessage(), expected, fakeMessage()],
         },
+        isSearchingGlobally: true,
         searchTerm: 'foo',
         primarySendsSms: false,
         searchConversation: undefined,
@@ -639,6 +668,7 @@ describe('LeftPaneSearchHelper', () => {
           isLoading: false,
           results: [fakeMessage(), fakeMessage(), fakeMessage()],
         },
+        isSearchingGlobally: true,
         searchTerm: 'foo',
         primarySendsSms: false,
         searchConversation: undefined,