mirror of https://github.com/tooot-app/app
64 lines
2.3 KiB
TypeScript
64 lines
2.3 KiB
TypeScript
import ComponentInstance from '@components/Instance'
|
|
import { useScrollToTop } from '@react-navigation/native'
|
|
import Collections from '@screens/Tabs/Me/Root/Collections'
|
|
import Logout from '@screens/Tabs/Me/Root/Logout'
|
|
import MyInfo from '@screens/Tabs/Me/Root/MyInfo'
|
|
import Settings from '@screens/Tabs/Me/Root/Settings'
|
|
import AccountInformationSwitch from '@screens/Tabs/Me/Root/Switch'
|
|
import AccountContext from '@screens/Tabs/Shared/Account/Context'
|
|
import AccountNav from '@screens/Tabs/Shared/Account/Nav'
|
|
import { useProfileQuery } from '@utils/queryHooks/profile'
|
|
import { useGlobalStorage } from '@utils/storage/actions'
|
|
import { StyleConstants } from '@utils/styles/constants'
|
|
import React, { useRef } from 'react'
|
|
import { View } from 'react-native'
|
|
import Animated, { useAnimatedScrollHandler, useSharedValue } from 'react-native-reanimated'
|
|
|
|
const TabMeRoot: React.FC = () => {
|
|
const [accountActive] = useGlobalStorage.string('account.active')
|
|
|
|
const { data } = useProfileQuery({
|
|
options: { enabled: !!accountActive, keepPreviousData: false }
|
|
})
|
|
|
|
const scrollRef = useRef<Animated.ScrollView>(null)
|
|
useScrollToTop(scrollRef)
|
|
|
|
const scrollY = useSharedValue(0)
|
|
const onScroll = useAnimatedScrollHandler(event => {
|
|
scrollY.value = event.contentOffset.y
|
|
})
|
|
|
|
return (
|
|
<AccountContext.Provider value={{ account: data, pageMe: true, localInstance: true }}>
|
|
{accountActive && data ? <AccountNav scrollY={scrollY} /> : null}
|
|
<Animated.ScrollView
|
|
ref={scrollRef}
|
|
keyboardShouldPersistTaps='handled'
|
|
onScroll={onScroll}
|
|
scrollEventThrottle={16}
|
|
>
|
|
{accountActive ? <MyInfo /> : <ComponentInstance />}
|
|
{accountActive ? <Collections /> : null}
|
|
<Settings />
|
|
{accountActive ? (
|
|
<View
|
|
style={{
|
|
flexDirection: 'row',
|
|
marginHorizontal: StyleConstants.Spacing.Global.PagePadding,
|
|
marginTop: StyleConstants.Spacing.S,
|
|
marginBottom: StyleConstants.Spacing.XL,
|
|
gap: StyleConstants.Spacing.M
|
|
}}
|
|
>
|
|
<Logout />
|
|
<AccountInformationSwitch />
|
|
</View>
|
|
) : null}
|
|
</Animated.ScrollView>
|
|
</AccountContext.Provider>
|
|
)
|
|
}
|
|
|
|
export default TabMeRoot
|