zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

APP-70 give profile its own tab mobile (#469)

Browse source 
* add prebuild command to package.json

* add ProfileTab navigator and screen

* add prop to remove back button from profile

* fix MyProfileTabNavigatorParams type

* fix dep array for rendering ProfileHeader

* just added ts-ignore

* enable opening drawer in profile tab

* clean up useNavigationTabState

* clean up code

* fix hideBackButton code flow
This commit is contained in:
Ansh 2023-04-18 09:19:37 -07:00 • committed by GitHub
parent 2509290fdd
commit 10621e86e4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 128 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/view/shell/Drawer.tsx
View file

@ -27,6 +27,7 @@ import {
MagnifyingGlassIcon2,
MagnifyingGlassIcon2Solid,
MoonIcon,
UserIconSolid,
} from 'lib/icons'
import {UserAvatar} from 'view/com/util/UserAvatar'
import {Text} from 'view/com/util/text/Text'
@ -45,7 +46,8 @@ export const DrawerContent = observer(() => {
const store = useStores()
const navigation = useNavigation<NavigationProp>()
const {track} = useAnalytics()
const {isAtHome, isAtSearch, isAtNotifications} = useNavigationTabState()
const {isAtHome, isAtSearch, isAtNotifications, isAtMyProfile} =
useNavigationTabState()
// events
// =
@ -56,7 +58,7 @@ export const DrawerContent = observer(() => {
const state = navigation.getState()
store.shell.closeDrawer()
if (isWeb) {
// @ts-ignore must be Home, Search, or Notifications
// @ts-ignore must be Home, Search, Notifications, or MyProfile
navigation.navigate(tab)
} else {
const tabState = getTabState(state, tab)
@ -65,7 +67,7 @@ export const DrawerContent = observer(() => {
} else if (tabState === TabState.Inside) {
navigation.dispatch(StackActions.popToTop())
} else {
// @ts-ignore must be Home, Search, or Notifications
// @ts-ignore must be Home, Search, Notifications, or MyProfile
navigation.navigate(`${tab}Tab`)
}
}
@ -86,10 +88,8 @@ export const DrawerContent = observer(() => {
)
const onPressProfile = React.useCallback(() => {
track('Menu:ItemClicked', {url: 'Profile'})
navigation.navigate('Profile', {name: store.me.handle})
store.shell.closeDrawer()
}, [navigation, track, store.me.handle, store.shell])
onPressTab('MyProfile')
}, [onPressTab])
const onPressSettings = React.useCallback(() => {
track('Menu:ItemClicked', {url: 'Settings'})
@ -211,11 +211,19 @@ export const DrawerContent = observer(() => {
/>
<MenuItem
icon={
<UserIcon
style={pal.text as StyleProp<ViewStyle>}
size="26"
strokeWidth={1.5}
/>
isAtMyProfile ? (
<UserIconSolid
style={pal.text as StyleProp<ViewStyle>}
size="26"
strokeWidth={1.5}
/>
) : (
<UserIcon
style={pal.text as StyleProp<ViewStyle>}
size="26"
strokeWidth={1.5}
/>
)
}
label="Profile"
onPress={onPressProfile}