diff --git a/native/chat/chat.react.js b/native/chat/chat.react.js --- a/native/chat/chat.react.js +++ b/native/chat/chat.react.js @@ -45,6 +45,7 @@ import ThreadScreenPruner from './thread-screen-pruner.react.js'; import ThreadSettingsButton from './thread-settings-button.react.js'; import ThreadSettingsHeaderTitle from './thread-settings-header-title.react.js'; +import EmojiAvatarCreation from '../components/emoji-avatar-creation.react.js'; // TODO: move this to components import KeyboardAvoidingView from '../components/keyboard-avoiding-view.react.js'; import SWMansionIcon from '../components/swmansion-icon.react.js'; import { InputStateContext } from '../input/input-state.js'; @@ -56,6 +57,7 @@ ComposeSubchannelRouteName, DeleteThreadRouteName, ThreadSettingsRouteName, + EmojiAvatarCreationRouteName, FullScreenThreadMediaGalleryRouteName, MessageListRouteName, ChatThreadListRouteName, @@ -252,6 +254,10 @@ ), headerBackTitleVisible: false, }); +const emojiAvatarCreationOptions = { + headerTitle: 'Emoji avatar selection', + headerBackTitleVisible: false, +}; const fullScreenThreadMediaGalleryOptions = { headerTitle: 'All Media', headerBackTitleVisible: false, @@ -353,6 +359,11 @@ component={ThreadSettings} options={threadSettingsOptions} /> + <Chat.Screen + name={EmojiAvatarCreationRouteName} + component={EmojiAvatarCreation} + options={emojiAvatarCreationOptions} + /> <Chat.Screen name={FullScreenThreadMediaGalleryRouteName} component={FullScreenThreadMediaGallery} diff --git a/native/profile/profile.react.js b/native/profile/profile.react.js --- a/native/profile/profile.react.js +++ b/native/profile/profile.react.js @@ -19,6 +19,7 @@ import ProfileHeader from './profile-header.react.js'; import ProfileScreen from './profile-screen.react.js'; import RelationshipList from './relationship-list.react.js'; +import EmojiAvatarCreation from '../components/emoji-avatar-creation.react.js'; import KeyboardAvoidingView from '../components/keyboard-avoiding-view.react.js'; import CommunityDrawerButton from '../navigation/community-drawer-button.react.js'; import type { CommunityDrawerNavigationProp } from '../navigation/community-drawer-navigator.react.js'; @@ -27,6 +28,7 @@ ProfileScreenRouteName, EditPasswordRouteName, DeleteAccountRouteName, + EmojiAvatarCreationRouteName, BuildInfoRouteName, DevToolsRouteName, AppearancePreferencesRouteName, @@ -41,6 +43,10 @@ const header = (props: StackHeaderProps) => <ProfileHeader {...props} />; const profileScreenOptions = { headerTitle: 'Profile' }; +const emojiAvatarCreationOptions = { + headerTitle: 'Emoji avatar selection', + headerBackTitleVisible: false, +}; const editPasswordOptions = { headerTitle: 'Change password' }; const deleteAccountOptions = { headerTitle: 'Delete account' }; const buildInfoOptions = { headerTitle: 'Build info' }; @@ -108,6 +114,11 @@ component={ProfileScreen} options={profileScreenOptions} /> + <Profile.Screen + name={EmojiAvatarCreationRouteName} + component={EmojiAvatarCreation} + options={emojiAvatarCreationOptions} + /> <Profile.Screen name={EditPasswordRouteName} component={EditPassword}