Add WIP post-thread view

3 files changed, 37 insertions, 7 deletions

diff --git a/src/view/screens/Home.tsx b/src/view/screens/Home.tsx
index 6685eb794..4a3e41a75 100644
--- a/src/view/screens/Home.tsx
+++ b/src/view/screens/Home.tsx
@@ -1,20 +1,23 @@
 import React, {useEffect} from 'react'
-import {Text, View} from 'react-native'
+import {View} from 'react-native'
 import {Shell} from '../shell'
-import {Feed} from '../com/Feed'
-// import type {RootTabsScreenProps} from '../routes/types'
+import {Feed} from '../com/feed/Feed'
+import type {RootTabsScreenProps} from '../routes/types'
 import {useStores} from '../../state'
 
-export function Home(/*{navigation}: RootTabsScreenProps<'Home'>*/) {
+export function Home({navigation}: RootTabsScreenProps<'Home'>) {
   const store = useStores()
   useEffect(() => {
     console.log('Fetching home feed')
     store.homeFeed.setup()
   }, [store.homeFeed])
+  const onNavigateContent = (screen: string, props: Record<string, string>) => {
+    navigation.navigate(screen, props)
+  }
   return (
     <Shell>
       <View>
-        <Feed feed={store.homeFeed} />
+        <Feed feed={store.homeFeed} onNavigateContent={onNavigateContent} />
       </View>
     </Shell>
   )
diff --git a/src/view/screens/content/PostThread.tsx b/src/view/screens/content/PostThread.tsx
new file mode 100644
index 000000000..5b8fa951c
--- /dev/null
+++ b/src/view/screens/content/PostThread.tsx
@@ -0,0 +1,27 @@
+import React from 'react'
+import {AdxUri} from '@adxp/mock-api'
+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 urip = new AdxUri(`adx://todo/`)
+  urip.host = name
+  urip.collection = 'blueskyweb.xyz:Posts'
+  urip.recordKey = recordKey
+  const uri = urip.toString()
+
+  const onNavigateContent = (screen: string, props: Record<string, string>) => {
+    navigation.navigate(screen, props)
+  }
+  return (
+    <Shell>
+      <PostThreadComponent uri={uri} onNavigateContent={onNavigateContent} />
+    </Shell>
+  )
+}
diff --git a/src/view/screens/Profile.tsx b/src/view/screens/content/Profile.tsx
index 2c93f4bf9..cfbf840f3 100644
--- a/src/view/screens/Profile.tsx
+++ b/src/view/screens/content/Profile.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
-import {Shell} from '../shell'
+import {Shell} from '../../shell'
 import {View, Text} from 'react-native'
-import type {RootTabsScreenProps} from '../routes/types'
+import type {RootTabsScreenProps} from '../../routes/types'
 
 export const Profile = ({route}: RootTabsScreenProps<'Profile'>) => {
   return (