add on-device translation to replies

src/screens/PostThread/components/ThreadItemPost.tsx

@@ -38,12 +38,14 @@ import {PostHider} from '#/components/moderation/PostHider'
 import {type AppModerationCause} from '#/components/Pills'
 import {Embed, PostEmbedViewContext} from '#/components/Post/Embed'
 import {ShowMoreTextButton} from '#/components/Post/ShowMoreTextButton'
+import {TranslatedPost} from '#/components/Post/Translated'
 import {PostControls, PostControlsSkeleton} from '#/components/PostControls'
 import {RichText} from '#/components/RichText'
 import * as Skele from '#/components/Skeleton'
 import {SubtleHover} from '#/components/SubtleHover'
 import {Text} from '#/components/Typography'
 import {useActorStatus} from '#/features/liveNow'
+import {Provider as OnDeviceTranslationProvider} from '#/translation'
 
 export type ThreadItemPostProps = {
   item: Extract<ThreadItem, {type: 'threadPost'}>
@@ -68,6 +70,7 @@ export function ThreadItemPost({
   }
 
   return (
+    <OnDeviceTranslationProvider>
       <ThreadItemPostInner
         item={item}
         postShadow={postShadow}
@@ -75,6 +78,7 @@ export function ThreadItemPost({
         overrides={overrides}
         onPostSuccess={onPostSuccess}
       />
+    </OnDeviceTranslationProvider>
   )
 }
 
@@ -318,6 +322,7 @@ const ThreadItemPostInner = memo(function ThreadItemPostInner({
                       onPress={onPressShowMore}
                     />
                   )}
+                  <TranslatedPost postText={richText.text} standalone />
                 </View>
               ) : undefined}
               {post.embed && (

src/screens/PostThread/components/ThreadItemTreePost.tsx

@@ -38,11 +38,13 @@ import {PostHider} from '#/components/moderation/PostHider'
 import {type AppModerationCause} from '#/components/Pills'
 import {Embed, PostEmbedViewContext} from '#/components/Post/Embed'
 import {ShowMoreTextButton} from '#/components/Post/ShowMoreTextButton'
+import {TranslatedPost} from '#/components/Post/Translated'
 import {PostControls, PostControlsSkeleton} from '#/components/PostControls'
 import {RichText} from '#/components/RichText'
 import * as Skele from '#/components/Skeleton'
 import {SubtleHover} from '#/components/SubtleHover'
 import {Text} from '#/components/Typography'
+import {Provider as OnDeviceTranslationProvider} from '#/translation'
 
 /**
  * Mimic the space in PostMeta
@@ -70,6 +72,7 @@ export function ThreadItemTreePost({
   }
 
   return (
+    <OnDeviceTranslationProvider>
       <ThreadItemTreePostInner
         // Safeguard from clobbering per-post state below:
         key={postShadow.uri}
@@ -79,6 +82,7 @@ export function ThreadItemTreePost({
         overrides={overrides}
         onPostSuccess={onPostSuccess}
       />
+    </OnDeviceTranslationProvider>
   )
 }
 
@@ -358,6 +362,7 @@ const ThreadItemTreePostInner = memo(function ThreadItemTreePostInner({
                           onPress={onPressShowMore}
                         />
                       )}
+                      <TranslatedPost postText={richText.text} standalone />
                     </View>
                   ) : null}
                   {post.embed && (