diff options
author | Paul Frazee <pfrazee@gmail.com> | 2022-08-31 14:36:50 -0500 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-08-31 14:36:50 -0500 |
commit | 97f52b6a03ab36dcbf21256cc0137b550b10f174 (patch) | |
tree | c632b69f038d33ea82c3378451f72177dc136cfe /src/view/screens/stacks/PostThread.tsx | |
parent | d1470bad6628022eda66c658d228cc7646abc746 (diff) | |
download | voidsky-97f52b6a03ab36dcbf21256cc0137b550b10f174.tar.zst |
New navigation model (#1)
* Flatten all routing into a single stack * Replace router with custom implementation * Add shell header and titles * Add tab selector * Add back/forward history menus on longpress * Fix: don't modify state during render * Add refresh() to navigation and reroute navigations to the current location to refresh instead of add to history * Cache screens during navigation to maintain scroll position and improve load-time for renders
Diffstat (limited to 'src/view/screens/stacks/PostThread.tsx')
-rw-r--r-- | src/view/screens/stacks/PostThread.tsx | 38 |
1 files changed, 0 insertions, 38 deletions
diff --git a/src/view/screens/stacks/PostThread.tsx b/src/view/screens/stacks/PostThread.tsx deleted file mode 100644 index 485a2e49a..000000000 --- a/src/view/screens/stacks/PostThread.tsx +++ /dev/null @@ -1,38 +0,0 @@ -import React, {useLayoutEffect} from 'react' -import {TouchableOpacity} from 'react-native' -import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome' -import {makeRecordUri} from '../../lib/strings' -import {Shell} from '../../shell' -import type {RootTabsScreenProps} from '../../routes/types' -import {PostThread as PostThreadComponent} from '../../com/post-thread/PostThread' - -export const PostThread = ({ - navigation, - route, -}: RootTabsScreenProps<'PostThread'>) => { - const {name, recordKey} = route.params - const uri = makeRecordUri(name, 'blueskyweb.xyz:Posts', recordKey) - - useLayoutEffect(() => { - navigation.setOptions({ - headerShown: true, - headerTitle: 'Thread', - headerLeft: () => ( - <TouchableOpacity onPress={() => navigation.goBack()}> - <FontAwesomeIcon icon="arrow-left" /> - </TouchableOpacity> - ), - }) - }, [navigation]) - - const onNavigateContent = (screen: string, props: Record<string, string>) => { - // @ts-ignore it's up to the callers to supply correct params -prf - navigation.push(screen, props) - } - - return ( - <Shell> - <PostThreadComponent uri={uri} onNavigateContent={onNavigateContent} /> - </Shell> - ) -} |