Deeplink user profile specific tabs issue ❓

apps/mobile/src/components/DeepLinkRegistrar.tsx

@@ -65,6 +65,21 @@ export const handleDeepLinkNavigation = (url: string, navigation: RootStackNavig
         },
       });
     }
+  } else if (splitBySlash.length === 2) {
+    const [maybeUsername, maybeGalleriesOrPostsOrFollowers] = splitBySlash;
+
+    /**
+     * /:username/galleries/
+     */
+    if (maybeUsername && maybeGalleriesOrPostsOrFollowers) {
+      navigation.navigate('MainTabs', {
+        screen: 'HomeTab',
+        params: {
+          screen: 'Profile',
+          params: { username: maybeUsername, tab: 'Galleries' },
+        },
+      });
+    }
   } else if (splitBySlash.length === 2) {
     const [maybeUsername, maybeCollectionId] = splitBySlash;
 

apps/mobile/src/components/ProfileView/ProfileView.tsx

@@ -1,4 +1,5 @@
 import { useNavigation } from '@react-navigation/native';
+import { RouteProp, useRoute } from '@react-navigation/native';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { View, ViewProps } from 'react-native';
 import { CollapsibleRef, Tabs } from 'react-native-collapsible-tab-view';
@@ -20,6 +21,7 @@ import { ProfileViewEditProfileButtonFragment$key } from '~/generated/ProfileVie
 import { ProfileViewQueryFragment$key } from '~/generated/ProfileViewQueryFragment.graphql';
 import { ProfileViewUsernameFragment$key } from '~/generated/ProfileViewUsernameFragment.graphql';
 import { MainTabStackNavigatorProp } from '~/navigation/types';
+import { MainTabStackNavigatorParamList } from '~/navigation/types';
 import GalleryViewEmitter from '~/shared/components/GalleryViewEmitter';
 
 import { GalleryBottomSheetModalType } from '../GalleryBottomSheet/GalleryBottomSheetModal';
@@ -51,7 +53,8 @@ export function ProfileView({ queryRef, shouldShowBackButton }: ProfileViewProps
     queryRef
   );
 
-  const [selectedRoute, setSelectedRoute] = useState('Featured');
+  const route = useRoute<RouteProp<MainTabStackNavigatorParamList, 'Profile'>>();
+  const [selectedRoute, setSelectedRoute] = useState<string>('Featured');
 
   const Header = useCallback(() => {
     return (
@@ -70,6 +73,12 @@ export function ProfileView({ queryRef, shouldShowBackButton }: ProfileViewProps
     }
   }, [selectedRoute]);
 
+  useEffect(() => {
+    if (route.params.tab) {
+      setSelectedRoute(route.params.tab);
+    }
+  }, [route.params.tab]);
+
   return (
     <View className="flex-1">
       <GalleryViewEmitter queryRef={query} />

apps/mobile/src/components/Search/User/UserSearchResult.tsx

@@ -41,7 +41,7 @@ export function UserSearchResult({ userRef, keyword, onSelect }: Props) {
     }
 
     if (user.username) {
-      navigation.push('Profile', { username: user.username });
+      navigation.push('Profile', { username: user.username, tab: 'Galleries' });
     }
   }, [onSelect, navigation, user.dbid, user.username]);
 

apps/mobile/src/navigation/types.ts

@@ -24,7 +24,12 @@ export type RootStackNavigatorParamList = {
 
 export type ScreenWithNftSelector = 'ProfilePicture' | 'Post' | 'Community';
 export type MainTabStackNavigatorParamList = {
-  Profile: { username: string; hideBackButton?: boolean };
+  Profile: {
+    username: string;
+    hideBackButton?: boolean;
+    tab?: 'Featured' | 'Galleries' | 'Posts' | 'Followers';
+  };
+
   NftDetail: {
     tokenId: string;
     collectionId: string | null;