Username Education

Co-authored-by: Jamie Kyle <jamie@signal.org>

ts/state/smart/LeftPane.tsx

@@ -77,6 +77,7 @@ import { SmartMessageSearchResult } from './MessageSearchResult';
 import { SmartNetworkStatus } from './NetworkStatus';
 import { SmartRelinkDialog } from './RelinkDialog';
 import { SmartUnsupportedOSDialog } from './UnsupportedOSDialog';
+import { SmartToastManager } from './ToastManager';
 import type { PropsType as SmartUnsupportedOSDialogPropsType } from './UnsupportedOSDialog';
 import { SmartUpdateDialog } from './UpdateDialog';
 import { SmartCaptchaDialog } from './CaptchaDialog';
@@ -116,6 +117,17 @@ function renderUnsupportedOSDialog(
 ): JSX.Element {
   return <SmartUnsupportedOSDialog {...props} />;
 }
+function renderToastManager(props: {
+  containerWidthBreakpoint: WidthBreakpoint;
+}): JSX.Element {
+  return <SmartToastManager {...props} />;
+}
+
+function renderToastManagerWithoutMegaphone(props: {
+  containerWidthBreakpoint: WidthBreakpoint;
+}): JSX.Element {
+  return <SmartToastManager disableMegaphone {...props} />;
+}
 
 const getModeSpecificProps = (
   state: StateType
@@ -223,6 +235,10 @@ const mapStateToProps = (state: StateType) => {
     unsupportedOSDialogType = 'warning';
   }
 
+  const composerStep = getComposerStep(state);
+  const showArchived = getShowArchived(state);
+  const hasSearchQuery = isSearching(state);
+
   return {
     hasNetworkDialog: hasNetworkDialog(state),
     hasExpiredDialog,
@@ -238,7 +254,7 @@ const mapStateToProps = (state: StateType) => {
     preferredWidthFromStorage: getPreferredLeftPaneWidth(state),
     selectedConversationId: getSelectedConversationId(state),
     targetedMessageId: getTargetedMessage(state)?.id,
-    showArchived: getShowArchived(state),
+    showArchived,
     getPreferredBadge: getPreferredBadgeSelector(state),
     i18n: getIntl(state),
     isMacOS: getIsMacOS(state),
@@ -253,6 +269,10 @@ const mapStateToProps = (state: StateType) => {
     renderCrashReportDialog,
     renderExpiredBuildDialog,
     renderUnsupportedOSDialog,
+    renderToastManager:
+      composerStep == null && !showArchived && !hasSearchQuery
+        ? renderToastManager
+        : renderToastManagerWithoutMegaphone,
     lookupConversationWithoutServiceId,
     theme: getTheme(state),
   };