diff --git a/native/components/nux-tips-context.react.js b/native/components/nux-tips-context.react.js --- a/native/components/nux-tips-context.react.js +++ b/native/components/nux-tips-context.react.js @@ -5,16 +5,17 @@ import { values } from 'lib/utils/objects.js'; import type { AppNavigationProp } from '../navigation/app-navigator.react.js'; +import type { NUXTipRouteNames } from '../navigation/route-names.js'; import { CommunityDrawerTipRouteName, MutedTabTipRouteName, + HomeTabTipRouteName, } from '../navigation/route-names.js'; -import type { NUXTipRouteNames } from '../navigation/route-names.js'; const nuxTip = Object.freeze({ COMMUNITY_DRAWER: 'community_drawer', - MUTED: 'muted', HOME: 'home', + MUTED: 'muted', }); export type NUXTip = $Values; @@ -38,6 +39,11 @@ nextRouteName: CommunityDrawerTipRouteName, }, [nuxTip.COMMUNITY_DRAWER]: { + nextTip: nuxTip.HOME, + tooltipLocation: 'below', + nextRouteName: HomeTabTipRouteName, + }, + [nuxTip.HOME]: { nextTip: nuxTip.MUTED, tooltipLocation: 'below', nextRouteName: MutedTabTipRouteName, diff --git a/native/navigation/app-navigator.react.js b/native/navigation/app-navigator.react.js --- a/native/navigation/app-navigator.react.js +++ b/native/navigation/app-navigator.react.js @@ -7,6 +7,7 @@ import ActionResultModal from './action-result-modal.react.js'; import { CommunityDrawerNavigator } from './community-drawer-navigator.react.js'; import CommunityDrawerTip from './community-drawer-tip.react.js'; +import HomeTabTip from './home-tab-tip.react.js'; import MutedTabTip from './muted-tab-tip.react.js'; import NUXTipOverlayBackdrop from './nux-tip-overlay-backdrop.react.js'; import { createOverlayNavigator } from './overlay-navigator.react.js'; @@ -16,6 +17,7 @@ } from './overlay-navigator.react.js'; import type { RootNavigationProp } from './root-navigator.react.js'; import { + HomeTabTipRouteName, CommunityDrawerTipRouteName, MutedTabTipRouteName, NUXTipOverlayBackdropRouteName, @@ -165,6 +167,7 @@ name={CommunityDrawerTipRouteName} component={CommunityDrawerTip} /> + > = + createNUXTipsOverlay( + createChatTabBarButton<'HomeTabTip'>(homeChatThreadListOptions), + homeTabTipText, + ); + +export default HomeTabTip; diff --git a/native/navigation/overlay-navigator.react.js b/native/navigation/overlay-navigator.react.js --- a/native/navigation/overlay-navigator.react.js +++ b/native/navigation/overlay-navigator.react.js @@ -42,11 +42,13 @@ CommunityDrawerTipRouteName, MutedTabTipRouteName, NUXTipOverlayBackdropRouteName, + HomeTabTipRouteName, } from './route-names.js'; import { isMessageTooltipKey } from '../chat/utils.js'; const newReanimatedRoutes = new Set([ CommunityDrawerTipRouteName, + HomeTabTipRouteName, MutedTabTipRouteName, NUXTipOverlayBackdropRouteName, ]); diff --git a/native/navigation/route-names.js b/native/navigation/route-names.js --- a/native/navigation/route-names.js +++ b/native/navigation/route-names.js @@ -169,6 +169,7 @@ export const ThreadSettingsNotificationsRouteName = 'ThreadSettingsNotifications'; export const CommunityDrawerTipRouteName = 'CommunityDrawerTip'; +export const HomeTabTipRouteName = 'HomeTabTip'; export const MutedTabTipRouteName = 'MutedTabTip'; export const NUXTipOverlayBackdropRouteName = 'NUXTipOverlayBackdrop'; @@ -203,6 +204,7 @@ export type NUXTipRouteNames = | typeof CommunityDrawerTipRouteName + | typeof HomeTabTipRouteName | typeof MutedTabTipRouteName; export type MessageTooltipRouteNames = @@ -233,6 +235,7 @@ +VideoPlaybackModal: VideoPlaybackModalParams, +TogglePinModal: TogglePinModalParams, +CommunityDrawerTip: NUXTipsOverlayParams, + +HomeTabTip: NUXTipsOverlayParams, +MutedTabTip: NUXTipsOverlayParams, +NUXTipOverlayBackdrop: void, ...TooltipModalParamList,