Username Education

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

ts/state/smart/GlobalModalContainer.tsx

@@ -13,6 +13,7 @@ import { SmartContactModal } from './ContactModal';
 import { SmartEditHistoryMessagesModal } from './EditHistoryMessagesModal';
 import { SmartForwardMessagesModal } from './ForwardMessagesModal';
 import { SmartProfileEditorModal } from './ProfileEditorModal';
+import { SmartUsernameOnboardingModal } from './UsernameOnboardingModal';
 import { SmartSafetyNumberModal } from './SafetyNumberModal';
 import { SmartSendAnywayDialog } from './SendAnywayDialog';
 import { SmartShortcutGuideModal } from './ShortcutGuideModal';
@@ -31,6 +32,10 @@ function renderProfileEditor(): JSX.Element {
   return <SmartProfileEditorModal />;
 }
 
+function renderUsernameOnboarding(): JSX.Element {
+  return <SmartUsernameOnboardingModal />;
+}
+
 function renderContactModal(): JSX.Element {
   return <SmartContactModal />;
 }
@@ -77,6 +82,7 @@ export function SmartGlobalModalContainer(): JSX.Element {
     isSignalConnectionsVisible,
     isStoriesSettingsVisible,
     isWhatsNewVisible,
+    usernameOnboardingState,
     safetyNumberChangedBlockingData,
     safetyNumberModalContactId,
     sendEditWarningData,
@@ -157,6 +163,7 @@ export function SmartGlobalModalContainer(): JSX.Element {
       renderDeleteMessagesModal={renderDeleteMessagesModal}
       renderForwardMessagesModal={renderForwardMessagesModal}
       renderProfileEditor={renderProfileEditor}
+      renderUsernameOnboarding={renderUsernameOnboarding}
       renderSafetyNumber={renderSafetyNumber}
       renderSendAnywayDialog={renderSendAnywayDialog}
       renderShortcutGuideModal={renderShortcutGuideModal}
@@ -171,6 +178,7 @@ export function SmartGlobalModalContainer(): JSX.Element {
       theme={theme}
       toggleSignalConnectionsModal={toggleSignalConnectionsModal}
       userNotFoundModalState={userNotFoundModalState}
+      usernameOnboardingState={usernameOnboardingState}
       isAuthorizingArtCreator={isAuthorizingArtCreator}
       authArtCreatorData={authArtCreatorData}
       cancelAuthorizeArtCreator={cancelAuthorizeArtCreator}